Jquery 如果验证电子邮件时出错，请重新加载表单_Jquery_Html_Forms

Jquery 如果验证电子邮件时出错，请重新加载表单

jquery html forms

Jquery 如果验证电子邮件时出错，请重新加载表单,jquery,html,forms,Jquery,Html,Forms,我在.html文件中有这样一个表单： <body> <script> $(document).ready(function(){ $("#submit").click(function(){ if($("#mail").val() != $("#rmail").val()){ alert("emails don't match"); //?

我在.html文件中有这样一个表单：

 <body>
 <script>
      $(document).ready(function(){
         $("#submit").click(function(){
           if($("#mail").val() != $("#rmail").val()){
              alert("emails don't match");
              //?
           }
         });
      });
 </script>


<form action="action.php" method="POST">         
  <p>E-mail:</p>
    <input type = "email" id="mail" name = "correo">
  <p>Repetir e-mail:</p>
    <input type = "email" id="rmail" name = "rcorreo">
    <input id="submit" type="submit"/>
</form>
</body>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
if（$（“#mail”）.val（）！=$（“#rmail”）.val（））{
提醒（“电子邮件不匹配”）；
//?
}
});
});
电邮：
重复电子邮件：

如果邮件不匹配，J-Query函数会显示一个警报，然后它会转到action.php页面

我想做的是在邮件不匹配的情况下重新加载表单，并阻止进入action.php页面。我尝试了

location.reload（）其中的/？
注释无效
有线索吗？提前感谢。

<body>
 <script>
      $(document).ready(function(){
         $("#submit").click(function(event){
           if($("#mail").val() != $("#rmail").val()){
              event.preventDefault();
              alert("emails don't match");
              window.location.reload();
           }
         });
      });
 </script>

$（文档）.ready（函数（）{
$（“#提交”）。单击（功能（事件）{
if（$（“#mail”）.val（）！=$（“#rmail”）.val（））{
event.preventDefault（）；
提醒（“电子邮件不匹配”）；
window.location.reload（）；
}
});
});

我希望这会有所帮助

$（文档）.ready（函数（）{
$（“#提交”）。单击（功能（事件）{
if（$（“#mail”）.val（）！=$（“#rmail”）.val（））{
event.preventDefault（）；
提醒（“电子邮件不匹配”）；
window.location.reload（）；
}
});
});

我希望这将有助于
当您使用type=“submit”
按钮时，您可以监听表单上的submit
事件，而不是按钮上的单击
。通过这种方式，您可以在事件上使用preventDefault
来取消提交。@DBS您的建议是正确的，但请注意，对于表单上的任何类型的按钮，无论是
还是
，当您使用type=“submit”
按钮时，您可能正在侦听表单上的submit
事件，单击按钮上的

，而不是

。通过这种方式，您可以对事件使用preventDefault
来取消提交。@DBS您的建议是正确的，但请注意，对于表单上的任何类型的按钮，无论是
还是