jquery验证与防止双重提交的脚本冲突[重复]

Question

我正在使用由具有 jquery.validate 验证的 Toolset CRED 插件生成的表单。 当用户反复点击提交按钮时，我遇到了重复内容生成的问题。

我已尝试添加此代码以防止多次提交

    $("form").submit(function() {
        // submit more than once return false
        $(this).submit(function() {
            return false;
        });
        // submit once return true
        return true;
    });

它工作正常，但如果用户第一次提交表单时它没有通过验证，那么提交按钮就不再工作了。

您能建议任何调整吗？ 谢谢 卡罗

Answer 1

您可以创建一个全局变量并检查它是否已更改。 然后假设它是一个常规表单，页面会重新加载，您可以再次发送表单。

var hasBeenSent = false;

$("form").on('submit',function(e){
   if(hasBeenSent != false){
       e.preventDefault(); // this should prevent sending the form.
   }else{
       hasBeenSent = true;
   }   
})