如何防止表单从客户端多次提交？ [英] How to prevent form from submitting multiple times from client side?

问题描述

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

Sometimes when the response is slow, one might click the submit button multiple times.

如何防止这种情况发生？

How to prevent this from happening?

推荐答案

使用不显眼的javascript在表单提交后禁用表单上的提交事件。以下是使用jQuery的示例。

Use unobtrusive javascript to disable the submit event on the form after it has already been submitted. Here is an example using jQuery.

编辑：修复了在不单击提交按钮的情况下提交表单的问题。谢谢，ichiban。

Fixed issue with submitting a form without clicking the submit button. Thanks, ichiban.

$("body").on("submit", "form", function() {
    $(this).submit(function() {
        return false;
    });
    return true;
});

这篇关于如何防止表单从客户端多次提交？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！