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

Question

我正在使用以下代码来防止用户不止一次提交表单。它将隐藏提交按钮，并用"请等待"文字使隐藏的Div可见。

$(document).ready(function($) {
$('#form_id').on('submit', function(evt) {
    $('#submit_button_id').hide();
    $('#hidden_div_id').show();
});

});

但是，以上代码仅在用户单击提交按钮时起作用。如果他们重复按Enter按Entry进行，则表格将多次提交。

提交表格时，是否有一种方法可以防止用户多次按ENTER？

Answer 1

这只会允许其提交一次。

$('#form_id').on('submit', function() {
    $(this).on('submit', function() {
        return false;
    });
    $('#submit_button_id').hide();
    $('#hidden_div_id').show();
    return true;
});