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

Question

我使用以下代码阻止用户多次提交表单。它将隐藏提交按钮并使用“等待”等显示隐藏的div。文本。

$(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;
});