onclick 仍然运行即使在它之后 returns false

Question

我有一个 onclick 表单提交和我的函数 returns false 但页面仍然加载。这是 html 页面的代码。

<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css"></style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery.js"></script>
</head>
<body>
<form method="put">
<fieldset>
<h1>Order a pizza</h1>
<br />
<p id="alerts"> hello</p>
<p>Choose Your Size: </p>
<select id="selector">
  <option value="volvo">Small</option>
  <option value="saab">Mediam</option>
  <option value="mercedes">Large</option>
  <option value="audi">Party</option>
</select>
<fieldset>
<legend>How well cooked?</legend><br />
<input type="radio" id="r1" class="cookGroup" value="r1" /> Lightly Cooked <br /><br />
<input type="radio" id="r2" class="cookGroup" value="r2" /> Normal <br /><br />
<input type="radio" id="r3" class="cookGroup" value="r3" /> Extra cooked <br /><br />
</fieldset> 
<fieldset>
<legend>Choose toppings</legend><br />
<input type="checkbox" id="r1" class="rgroup" value="r1" /> Pepperoni <br /><br />
<input type="checkbox" id="r2" class="rgroup" value="r2" /> Green Pepper <br /><br />
<input type="checkbox" id="r3" class="rgroup" value="r3" /> Mushrooms <br /><br />
<input type="checkbox" id="r3" class="rgroup" value="r3" /> Extra Cheese <br /><br />
</fieldset> 
<p> Special Instructions </p>
<textarea name="t1" id="t1" rows="30" cols="100"></textarea>
<br />
<input type="hidden" name="userID" id="userID" value="12">
<input type="submit" value="submit form" onclick="check()">
<input type="reset" value="reset form">
<br /> <br />
</fieldset>
</form>
</body>
</html>

这是我的功能。它位于外部 javascript 文件中。它一直返回 false 但表单继续提交。我有一个讨厌的问题，我似乎无法解决。请帮助。

function check(){
run = false;
return run;
}

Answer 1

将函数写入：

function check(event){
   event.preventDefault();
   run = false;
   return run;
}

为了防止这里发送表单的默认功能。

Answer 2

将 <form method="put"> 更改为 <form method="put" onsubmit='return check();'> 和

<input type="submit" value="submit form" onclick="check()"> 到 <input type="submit" value="submit form">

然后将根据检查是否成功对表单进行操作。

Answer 3

您的 onclick 事件必须包含 "return":

onclick="return check();"

然后就可以了。

onclick 仍然运行即使在它之后 returns false

onclick still running even after it returns false

javascript

forms

submit

onclick 仍然 运行 即使在它之后 returns false

onclick still running even after it returns false

javascript

forms

submit

onclick 仍然运行即使在它之后 returns false