我有一个表单，用户可以使用它来输入有关帖子的信息。完成后，他们单击“保存”进行更新。但是，在极少数情况下（15,000 条记录中有 10 条），用户双击了保存按钮并导致重复提交表单以重复发布项目。
我尝试使用它来防止它：
$('input[type=submit]').click(function(){
$('input[type=submit]').attr('disabled',true);
//return true;
});
但是这个问题，它在 Safari / Firefox 等中完美运行，但在 Internet Explorer 8 中不起作用（可能不适用于 6 和 7）
当我在 IE8 中按保存时，按钮被禁用，仅此而已，根本没有提交表单。
（我在有和没有返回 true 的情况下都试过了；）
【问题讨论】：
标签： jquery forms internet-explorer-8
我不确定，所以这是一个完整的猜测，但这可能取决于您的选择器。试试吧：
$('input:submit').click(function() {
$(this).attr('disabled', true);
});#
您也可以尝试拦截submit event 本身：
$('form').bind('submit', function(e) {
$(this).find('input:submit').attr('disabled', 'disabled');
});
【讨论】：
你需要处理表单的onsubmit事件，而不是提交按钮的click事件。
【讨论】：
用户也可以按回车键提交表单，所以不要绑定按钮点击事件，而是使用表单提交。也不是禁用，而是通过将提交按钮替换为一些加载图像来隐藏提交按钮。
jQuery("form").submit(function () {
jQuery(":submit", this).css("display", "none");
jQuery(":submit", this).after("<span><img src='loading.gif' /></span>");
});
【讨论】：
Chirs，这是每个 Web 开发人员都面临的一个非常普遍的问题。猜猜看，它有一个非常受欢迎的解决方案。
解决方案称为 PRG（发布 -> 重定向 -> 获取）。在http://en.wikipedia.org/wiki/Post/Redirect/Get上阅读更多相关信息
基本上，您需要让页面处于 HTTP GET 模式，这样即使用户刷新页面，也不会重新提交任何数据。因此，您提交表单，通过执行 GET 请求将页面重定向到显示最近提交的数据的 URL。
编辑 根据下面的评论，克里斯似乎已经在遵循上述范式。伟大的。但他仍然看到重复的表单提交。我建议在第一次提交时，用加载图像替换按钮（作为第一件事），这样用户就看不到任何要重新单击的按钮:)
$(document).ready(function() {
// function which handles form submission
$(#submitButton).replaceWith("<img src="./images/myLoader.gif>");
// do the actual form submission after this
...
});
【讨论】：