jQuery Validate 插件，如何使用外部处理程序停止表单提交

Question

我有一个全局脚本来使用 jqueryvalidation 验证表单:

$("form").validate({
    submitHandler: function(form) {
      $("body").append("<p>validate</p>");
      form.submit();
    }
  });

在特定的表单中，我需要向该表单添加另一个“第二个”处理程序:

 $("#myform").submit(function(){
    $("body").append("<p>other handler</p>");
    return false;
  });

为什么第二个处理程序的 return false; 不会阻止表单提交？我也尝试过 PreventDefault 和 stopProparation 但它不起作用。

https://jsfiddle.net/brj7ttdn/5/

Answer 1

您能否删除全局提交处理程序并只让特定的提交处理程序运行？像这样:

$(function(){

$("form").validate({
   submitHandler: function(form) {
     $("body").append("<p>validate</p>");
     form.submit();
   }
});

$('#myform').off('submit')

$("#myform").submit(function(e){
   $("body").append("<p>validate</p>");
   $("body").append("<p>other handler</p>");
     e.preventDefault();
   });
});

您还必须从其他处理程序调用验证，但这可能不会太痛苦，只需进行 form.valid() 调用