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中设置 } }); });
阅读剩余
版权声明:
作者:松跃笔记
链接:https://www.attm.cn/2024/11/06/ajax%e6%8f%90%e4%ba%a4%e8%a1%a8%e5%8d%95%e9%99%90%e5%88%b6%e9%87%8d%e5%a4%8d%e6%8f%90%e4%ba%a4%ef%bc%8c%e5%b9%b6%e4%b8%94%e7%a6%81%e6%ad%a2%e5%88%b7%e6%96%b0%e6%8f%90%e4%ba%a4%e5%92%8c%e9%bb%98/
文章版权归作者所有,未经允许请勿转载。
THE END