jQuery ajax POST类型表单提交多次

我见过很多关于这个问题的解决方案。但是这些都不能解决我的问题。当我使用：jQuery ajax POST类型表单提交多次

$("form#sending-notice-form").unbind('submit').bind('submit', function (e) { 
    e.preventDefault(); 
    .. 
});

然后，表单提交一次，但我的表单验证库不起作用。当我使用：

$("form#sending-notice-form").submit(function (e) { 
    e.preventDefault(); 
    .. 
});

$("form#sending-notice-form").on("submit", function (e) { 
    e.preventDefault(); 
    .. 
});

然后，验证库做工精细，而是形成多次提交。当我使用：

$("form#sending-notice-form").submit(function (e) { 
    $(this).unbind("submit"); 
    e.preventDefault(); 
    .. 
});

然后，验证库工作先提交。当提交两次或双击提交按钮，然后在浏览器中打开表单ACTION网址。

来源

2017-01-02 Ikram - Ud - Daula

*“，但我的表单验证库库不起作用“* - ”不起作用“意味着什么。什么不行？另外，如果你的问题是关于表单验证，也许你应该包含你用于表单验证的代码。 – Tomalak

如果提交多次，为什么不尝试点击按钮，然后在里面写下验证和提交代码。 – rahulsm

每件事情都可以。但验证库不起作用。因为当要求栏位为空时，则不会在该栏位下显示任何讯息。 –

尝试使用.on()：

$(document).on('submit', 'form#sending-notice-form', function() { 
    /* 
     your validation code here 
    */ 

    //then 
    return false; 
});

来源

2017-01-02 12:21:13

抱歉，表单提交多次。 –

你有没有例子链接，像jsfiddle？ –

试一次..

jQuery("form#sending-notice-form").submit(function (e) { 
      if (jQuery("#conatct_form_id").valid()) { 
       // Code 
       e.preventDefault(); 
       return false; 
      } 
     });

我希望这是有帮助的哟.....

来源

2017-01-02 12:22:33

jQuery ajax POST类型表单提交多次

回答

相关问题