如何防止表单从客户端多次提交？

Question

有时，当响应很慢时，可能会多次单击“提交”按钮。

如何防止这种情况发生？

Answer 1

使用不显眼的javascript在表单提交后禁用表单上的提交事件。这是一个使用jQuery的例子。编辑：修复了提交表单而不单击提交按钮的问题。谢谢，ichiban。$("body").on("submit", "form", function() {    $(this).submit(function() {        return false;    });    return true;});

Answer 2

我尝试了vanstee的解决方案以及asp mvc 3不显眼的验证，如果客户端验证失败，代码仍然运行，表单提交被禁用。纠正字段后我无法重新提交。（见bjan的评论）所以我修改了vanstee的脚本，如下所示：$("form").submit(function () {    if ($(this).valid()) {        $(this).submit(function () {            return false;        });        return true;    }    else {        return false;    }});