防止用户通过按 ENTER 按钮多次提交表单

Question

我正在使用以下代码来防止用户多次提交表单。它将隐藏提交按钮并使隐藏的 div 可见并带有 'Please wait' 文本。

$(document).ready(function($) {

$('#form_id').on('submit', function(evt) {

    $('#submit_button_id').hide();
    $('#hidden_div_id').show();

});


});

但是，以上代码仅在用户单击提交按钮时有效。如果他们重复按 ENTER，表单将被提交多次。

有没有办法防止用户在提交表单时多次按 ENTER 键？

Answer 1

这将只允许它提交一次。

$('#form_id').on('submit', function() {
    $(this).on('submit', function() {
        return false;
    });

    $('#submit_button_id').hide();
    $('#hidden_div_id').show();
    return true;
});

防止用户通过按 ENTER 按钮多次提交表单

Prevent users from submitting a form multiple times by pressing the ENTER button

javascript

forms

jquery

form-submit