[HTML/JavaScript]：如果onClick（）中的函数失败，请不要提交

在上面的代码中，如果函数CheckCaptcha或CheckTermsAcceptance返回False，则不应提交表单。如何检查此项？

您可以使用以下代码：

<input type="image" src="images/join.gif" name="SubmitStudent" onClick="CheckCaptcha();CheckTermsAcceptance(document.getElementById('chkStudent'));" width="98" height="31"/>

函数验证（）{
返回（CheckCaptcha（）和&CheckTermsAcceptance（document.getElementById（'chkStudent'））；
}

您可以使用以下代码：

<input type="image" src="images/join.gif" name="SubmitStudent" onClick="CheckCaptcha();CheckTermsAcceptance(document.getElementById('chkStudent'));" width="98" height="31"/>

函数验证（）{
返回（CheckCaptcha（）和&CheckTermsAcceptance（document.getElementById（'chkStudent'））；
}

要从onclick处理程序中止，请返回false

function validate(){
return (CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent')));

}

<input type="image" src="images/join.gif" name="SubmitStudent" onclick="return validate()" width="98" height="31"/>

---

要从onclick处理程序中止，请返回false

function validate(){
return (CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent')));

}

<input type="image" src="images/join.gif" name="SubmitStudent" onclick="return validate()" width="98" height="31"/>

---

我会让它成为一个单独的功能

return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));

函数mySubmit（）{
如果（！CheckCaptcha（））返回false；
if（！CheckTermsAcceptance（document.getElementById（'chkStudent'））返回false；
else document.myform.submit（）；
}

我会把它作为一个单独的函数

return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));

函数mySubmit（）{
如果（！CheckCaptcha（））返回false；
if（！CheckTermsAcceptance（document.getElementById（'chkStudent'））返回false；
else document.myform.submit（）；
}

函数onclickEvent（e）{
返回CheckCaptcha（）和&checktermsaception（document.getElementById（'chkStudent'）；
}

甚至

<input onClick="return onclickEvent(e)" width="98" height="31" type="image" src="images/join.gif" name="SubmitStudent" />

function onclickEvent(e){
  return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));
}

使用jquery更好：

<input onClick="return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'))" width="98" height="31" type="image" src="images/join.gif" name="SubmitStudent" />

$（“您的id”）。单击（函数（）{
返回CheckCaptcha（）和&checktermsaception（document.getElementById（'chkStudent'）；
});

函数onclickEvent（e）{
返回CheckCaptcha（）和&checktermsaception（document.getElementById（'chkStudent'）；
}

甚至

<input onClick="return onclickEvent(e)" width="98" height="31" type="image" src="images/join.gif" name="SubmitStudent" />

function onclickEvent(e){
  return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));
}

使用jquery更好：

<input onClick="return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'))" width="98" height="31" type="image" src="images/join.gif" name="SubmitStudent" />

$（“您的id”）。单击（函数（）{
返回CheckCaptcha（）和&checktermsaception（document.getElementById（'chkStudent'）；
});

在这里：

<input id="your-id" type="image" src="images/join.gif" name="SubmitStudent" width="98" height="31"/>


$("your-id").click(function(){
    return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));
});

在这里：

<input id="your-id" type="image" src="images/join.gif" name="SubmitStudent" width="98" height="31"/>


$("your-id").click(function(){
    return CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent'));
});

不完全使用onclick怎么样？我很惊讶我在这里看到了这么多东西。将侦听器绑定到按钮，首先防止默认行为返回false或使用特定于浏览器的内容，然后进行检查和填充，最后调用submit或return false。

不使用onclick怎么办？我很惊讶我在这里看到了这么多东西。将侦听器绑定到按钮，首先防止默认行为返回false或使用浏览器特定的内容，然后进行检查和填充，最后调用submit或return false。

if（boolean）return false

不是很好的代码，您应该只返回布尔值。您不需要显式提交表单。

if（boolean）返回false

不是很好的代码，您应该只返回布尔值。您不需要显式提交表单。我明白您的意思，但使用事件属性是编写JS的最简单形式，这就是为什么大多数人使用它。IMHO此绑定大大降低了代码的可读性。可读性很重要！我明白你的意思，但是使用事件属性是编写JS的最简单形式，这就是为什么大多数人使用它。IMHO这种绑定大大降低了代码的可读性。可读性很重要！

function validate(){
return (CheckCaptcha() && CheckTermsAcceptance(document.getElementById('chkStudent')));

}

<input type="image" src="images/join.gif" name="SubmitStudent" onclick="return validate()" width="98" height="31"/>