jQuery：停止提交表单，执行脚本，继续提交表单？

Question

我有一个表单，当我提交他时，我执行多个脚本。这是我的代码：

$("#RequestCreateForm").submit(function (e) {
    if ($("#RequestCreateForm").validate().checkForm() == false) { return; }

    e.preventDefault();

    //many scripts

    //How to continue submitting?
}

在 //many script 之后是否可以继续提交表单（通过 e.preventDefault(); 停止）？

谢谢

Answer 1

当您调用 $("#RequestCreateForm").submit() 时，脚本将再次运行事件处理程序，并导致无限循环（正如 Koen 在对已接受答案的评论中指出的那样） ）。因此，您需要在提交之前删除事件处理程序：

$("#RequestCreateForm").on('submit', function (e) {
    e.preventDefault();
    // do some stuff, and if it's okay:
    $(this).off('submit').submit();
});

最后一行需要位于条件语句中，否则它总是会发生，并否定顶部的 e.preventDefault(); 。

Answer 2

$("#RequestCreateForm").submit(function (e) {
    if ($("#RequestCreateForm").validate().checkForm() === false) { 
       e.preventDefault(); 
       //form was NOT ok - optionally add some error script in here

       return false; //for old browsers 
    } else{
       //form was OK - you can add some pre-send script in here
    }

    //$(this).submit(); 
    //you don't have to submit manually if you didn't prevent the default event before
}

Answer 3

$("#RequestCreateForm").submit(function (e) {
    if ($("#RequestCreateForm").validate().checkForm() == false) 
    { 
         e.preventDefault();
         return false; 
    }        

    //other scripts

}

Answer 4

这里的所有解决方案都太复杂或导致 javascript 错误，我猜最简单和最清晰解决方案：

jQuery("#formid").submit(function(e) {
        if( ! (/*check form*/)  ){  //notice the "!"
          e.preventDefault();
          //a bit of your code
        } //else do nothing, form will submit
}); 

Answer 5

$("#RequestCreateForm").submit(function (e) {
    if ($("#RequestCreateForm").validate().checkForm() == false) { return; }

    e.preventDefault();

    //many scripts

    // Bypass the jquery form object submit and use the more basic vanilla
    // javascript form object submit

    $("#RequestCreateForm")[0].submit();

}

Answer 6

为了避免提交循环，应该使用一个附加变量。

var codeExecuted = false;
$('#RequestCreateForm').submit(function(e) {
    ...
    if(!codeExecuted){
        e.preventDefault();
        ...
        functionExecuted = true;
        $(this).trigger('submit');
    }
});

Answer 7

这是我避免无限循环的方法。

• 在表单中，我使用带有 id 的“按钮”（例如 ）来模仿提交按钮；
• 在脚本中我有这样的内容：

$('#submit').click(function() {
  if(//验证规则没问题)
  {
      $("#RequestCreateForm").submit(); //假设表单id是#RequestCreateForm
  }
  别的
  {
      返回假；
  }
});

Answer 8

返回;与 e.preventDefault() 相同；

尝试

$("#RequestCreateForm").trigger('submit');