как отключить кнопку сохранения с помощью JQuery во время отправки формы

Question

У меня есть форма ввода данных как вид бритвы в моем приложении MVC. В этом представлении содержатся некоторые элементы управления вводом, валидаторы и кнопка отправки. , когда пользователь нажимает кнопку «Отправить», он выполняет проверки, и если какой-либо из них выходит из строя, метод отправки пользователя заканчивается. Когда все проверки будут выполнены, форма будет отправлена, но потребуется немного больше времени по мере выполнения какой-либо бизнес-логики. Теперь я не хочу, чтобы пользователи разрешали удалять кнопку отправки во время этого. И поэтому кнопка «Отправить» должна быть отключена, и она должна быть снова включена после завершения отправки.

Как я могу это достичь? Я думаю, мне нужно написать JQuery для этого, но не уверен, какое событие обрабатывать.

Answer 1

Попробуйте следующее:

$("form").submit(function() { 
    var form = this; 
    setTimeout(function() { 
     $(':submit', form).attr('disabled', true); 
    }, 50) 
}); 

Answer 2

Не видя HTML ... или JavaScript ...

$('form').submit(function(){ 
    var $submit = $(this).find('input[type=submit]').prop('disabled', true); 

    $.ajax({ 
     url: 'foo', 
     //... the rest... 

     complete: function(){ 
      $submit.prop('disabled', false); 
     } 
    }); 
})