jQuery验证插件:无法在submitHandler中调用默认提交

Question

我试图使用jquery验证设置一个表单，它在提交时首先发出一个ajax请求，然后使用默认的submit方法提交。 一切工作正常，除了我不能触发默认提交。 我的（简化的）SubmitHandler:

submitHandler: function(form, event){
    var successful; 
    $.ajax({
        url: myurl,
        dataType: "json",
        type: "post",
        async: false,
        contentType: "application/json",
        data: JSON.stringify(mydata),
        error: function(){
            successful = false;
        }
    }).done(function(response){
        if (response){
            successful = true;
        } else {
            successful = false;
        };
    });
    if (successful){
        $(form).submit();
    };
}

$(form).submit()导致“提交循环”，但不触发默认提交； 用form.submit()替换它什么也不做。

在如何正确触发默认提交事件方面，我是否遗漏了什么？

提前致谢

Answer 1

我将触发ajax检查与$(form).submit（）分开。 在表单上放置一个“Submit”按钮，并在onclick处理程序中执行ajax检查。 如果一切正常，那么调用$(form).submit（）而不必担心循环。

  <form id="myform"...>
       ....
       <button type="button" id="submitbtn">Submit<button>
  </form>   
  

JavaScript.。。

  $("#submitbtn").click(function() { 
     // put your ajax call in here
     //then 
    if (successful){
        $("#myform").submit();
    };
  }}