IT技术博客网IT技术博客网IT技术博客网

当前位置: 首页 > 前端

ajax提交表单限制重复提交,并且禁止刷新提交和默认提交

var canSubmit = true; // 标记是否可以提交表单  
  
$('#yourFormId').submit(function(e) {  
    e.preventDefault(); // 阻止表单默认提交  
  
    if (!canSubmit) {  
        alert('请稍后再试!');  
        return false;  
    }  
  
    canSubmit = false; // 标记为不可以提交  
  
    // 设置在多少毫秒后允许再次提交  
    setTimeout(function() {  
        canSubmit = true;  
    }, 3000); // 例如,3秒后允许再次提交  
  
    // 使用AJAX提交表单  
    $.ajax({  
        url: '/your/submit/url',  
        type: 'POST',  
        data: $(this).serialize(), // 序列化表单数据  
        success: function(response) {  
            // 处理响应  
            console.log(response);  
        },  
        error: function() {  
            // 处理错误  
            alert('提交失败!');  
        },  
        complete: function() {  
            // 可以在这里重置canSubmit,但一般我们已在setTimeout中设置  
        }  
    });  
});



技术QQ交流群:157711366

技术微信:liehuweb

写评论