Question

我有一个Web表单，并且我注意到它会生成同一数据的多个提交（间隔约100毫秒）。根据我的研究，在提交表单后禁用按钮是要做的几件事之一。我有以下两种禁用表单按钮的方法：

Method 1:
$('form#my-form').submit(function(e) {
    $(this).find('button').prop("disabled",true);
    return true;
});

Method 2:
$('form#my-form').submit(function(e) {
    $(this).find('button').attr('onclick',"return false;");
});

让我们只关注在浏览器中提交表单时禁用按钮。哪种方法更好？还是其他更好的方法？有什么影响吗？我知道方法1无法将表单中具有多个用于不同事物的按钮的单击信息传递给后端。

Answer 1

您可以使用该方法： event.preventDefault()

$('form#my-form').submit(function(e) {
     e.preventDefault() 
     //do somethings
}

Answer 2

尝试一下，我认为延迟可以使您的工作变得轻松。

Scripy1.py

禁用按钮以避免提交多个表单

2 个答案: