javascript - 表单未通过验证时停止提交

Question

验证有效，当电子邮件地址无效时会弹出警报，但是在您单击“确定”后它会继续并提交它。如何阻止它处理操作？

代码示例：

<input type="submit" onclick="validate()" />

function validate() {
var email = $('input[name=email]').val();
if (!/(.+)@(.+){2,}\.(.+){2,}/.test(email)) {
  alert('Please enter a valid email address');
  return false;
}
}

谢谢！

Answer 1

onclick="return validate();"

那么return true如果验证成功，false如果没有......

您还可以将验证附加到表单本身：

<form onsubmit="return validate();">

或与jquery：

$('form').submit(function() {
   // validate
});

Answer 2

您需要绑定表单标签的 onsubmit 事件，即

<form onsubmit="return validate();" >...</form>