Кнопка «Отправить» после отправки формы?

Question

У меня на сайте большая форма, загрузка следующей страницы которой занимает немного больше обычного.

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

Большое спасибо за любые указатели,

Michael

Answer 1

Вы хотите использовать обработчик событий jQuery :

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  $('#loading-overlay').show();
  return false;
});

Answer 2

Обычно это достигается путем hidihg или отключения кнопки submti перед тем, как совершит вызов ajax, а затем вернет изменение полного обработчика.Пример:

$('#submit').click(function() {
    $(this).hide();
    $('#loading_anim').show();

    $.ajax(
        ...,
        complete: function() {
            $('#submit').show();
            $('#loading_anim').hide();
        }
    );
});

В этом случае полезен полный обработчик, так как он запускается как в случае успешного ответа, так и в случае ошибки.