JavaScript返回错误的表单验证不起作用

JavaScript return false form validation not working

本文关键字:验证 不起作用 表单 返回 错误 JavaScript      更新时间:2023-09-26

您能帮我吗?当验证失败时,我的脚本应该在p标记中取消隐藏错误消息并返回false,但我的表单会提交。你能看到我的问题在哪里吗?

function validate() {
if (document.emailForm.EMAIL_ADDRESS_.value.length==0) {
    $('#errorNoAddress').fadeIn();
    return false;
}
if (document.emailForm.EMAIL_ADDRESS_.value.length>0) {
   var reg = /^([A-Za-z0-9_'-'.])+'@([A-Za-z0-9_'-'.])+'.([A-Za-z]{2,4})$/;
   var address = document.emailForm.email.value;
   if(reg.test(address) == false) {
      $('#errorInvalidAddress').fadeIn();
      return false;
   }
}
document.emailForm.submit();
return true;
}
<form id="emailForm" name="emailForm" action="http://domain.com/formhandler.php" method="post">
    <p id="errorNoAddress" class="error">Please enter an e-mail address.</p>
    <p id="errorInvalidAddress" class="error">Please enter a valid email address.</p>
    <label for="EMAIL_ADDRESS_">E-mail</label>
    <input type="hidden" id="QUICK_SIGN_UP"  name="QUICK_SIGN_UP" value="" />
    <input type="image" src="btn-submit.gif" value="Submit" onclick="validate();" />
</form>

尝试<input type="image" src="btn-submit.gif" value="Submit" onclick="return validate();" />