отключение кнопки при нажатии кнопки остановки формы для отправки

Question

Я пытаюсь отключить кнопку после того, как пользователь щелкнет по ней.У меня эта функциональность работает отлично, но теперь форма не будет отправлена ​​... Вот мой javascript:

<script>
  $('.button').on('click', function(event) {
    $(this).prop('disabled', true);
  });
</script>

Опять же, это прекрасно отключает кнопку, но теперь моя форма не будет отправлять.Это хорошо известная проблема?

Answer 1

Вместо того, чтобы помещать его в обработчик click, поместите его в обработчик submit формы.

$('form').on('submit', function(event) {
  $(this).find(".button").prop('disabled', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <button class="button">Submit</button>
</form>

Answer 2

Событие

Click происходит до того, как кнопки submit и disabled не позволяют отправить заявку.Это обходной путь:

<script>
  $('.button').on('click', function(event) {
    $this=$(this);
    setTimeout(function(){$this.prop('disabled', true);},50);
  });
</script>

Другой обходной путь - обработка $('form').on('submit',function(){...});

Редактировать: ... INSTEAD.

Answer 3

<script>
  $('.button').on('click', function(event) {
    $(this).prop('disabled', true);
    $(this).parents('form').submit();
  });
</script>