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

Question

我正在尝试使用jquery validation 设置一个表单，它在提交时首先发出一个ajax 请求，然后使用默认提交方法提交。一切正常，除了我无法触发默认提交。我的（简化的）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() 分开。在表单上放置一个“提交”按钮并在 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();
    };
  }}