Question

当我不选择类别并点击提交按钮时，我想停止重新加载页面。有人可以帮助我吗？

＆＃13;

function check() {
  var select = document.getElementById("category").value;
  if (select == -1) {
    return alert("You didn't choose category !!!");
  }
}

＆＃13;

<form action="#" method="POST" id="form" name="form">
  <select name="category" id="category">
        <option value="-1">Select category</option>
        <option value="1">News</option>
        <option value="2">Sport</option>
        <option value="3">World</option>
        <option value="4">Music</option>
    </select>
  <input type="submit" value="submit" id="submit" name="submit" onclick="check();" />
</form>

＆＃13;

Answer 1

<form action="#" method="POST" id="form" name="form">
<select name="category" id="category">
    <option value="-1">Select category</option>
    <option value="1">News</option>
    <option value="2">Sport</option>
    <option value="3">World</option>
    <option value="4">Music</option>
</select>
<input type="button" value="submit" id="submit" name="submit" onclick="check();" />

另一种反应是在＆＃34;按钮＆＃34;中设置类型。使用此方法，您可以检查状态而无需重新加载页面。

如果你想发送提交，你可以在javascript中输入此代码。

document.getElementById("form").submit();

这里有一个例子https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_form_submit

Answer 2

您需要从函数返回false以防止表单提交。

<input type="submit" value="submit" id="submit" name="submit" onclick="return check();" />

function check() {
    var select = document.getElementById("category").value;
    if (select == -1) {
        alert("You didn't choose category !!!");

        return false;
    }
}

如何在javascript中提醒后重新加载页面

2 个答案: