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;
   }   
})

jquery验证与脚本的冲突，防止双重提交

1 个答案: