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

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;

    }

});