防止表单在jQuery Validate插件的submitHandler函数中提交

Question

我在http://docs.jquery.com/Plugins/Validation/validate上使用jQuery和validate插件

我希望阻止表单在通过ajax完成验证和提交过程后提交.我有以下代码:

$("#myform").validate({
   rules: {...},
   submitHandler: function(form) { 
      alert("Do some stuff...");
      //submit via ajax
      return false;  //This doesn't prevent the form from submitting.
   }
});

但是,问题是submitHandler即使我return false;在处理函数的最后一行有一个语句,也提交表单 .我想要阻止默认行为并停止提交表单,因为我已经通过ajax提交了.

在通过submitHandler函数中的ajax代码后,如何阻止代码提交？

Answer 1

我是这样做的,它完全按照你希望的方式工作:

$("#myform").submit(function(e) {
    e.preventDefault();
}).validate({
    rules: {...},
    submitHandler: function(form) { 
        alert("Do some stuff...");
        //submit via ajax
        return false;  //This doesn't prevent the form from submitting.
    }
});

Answer 2

$("#myform").validate({
   rules: {...},
   submitHandler: function(form, event) { 
      event.preventDefault();
      alert("Do some stuff...");
      //submit via ajax
   }
});

希望这有帮助.