Запретить пользователям отправлять форму несколько раз, нажав кнопку ВВОД

Question

Я использую следующий код, чтобы запретить пользователям отправлять форму более одного раза. Он скрывает кнопку отправки и делает видимым скрытый div с текстом «Пожалуйста, подождите».

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

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

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

});


});

Однако приведенный выше код работает только тогда, когда пользователи нажимают кнопку «Отправить». Если они нажимают ENTER несколько раз, форма будет отправлена ​​несколько раз.

Есть ли способ запретить пользователям нажимать клавишу ВВОД несколько раз при отправке формы?

Answer 1

Это позволит отправить заявку только один раз.

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

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