Переключити кнопку "Надіслати", як тільки подано форму? - jquery, css, ajax, forms, submit

У мене є велика форма на моєму веб-сайті, яка займає трохи більше часу, ніж звичайно, для завантаження наступної сторінки.

Чи є легкий спосіб переключити кнопку "Надіслати" на анімовану графіку "Завантаження ..." після натискання кнопки? Тож користувач знає, що ми все ще працюємо над поданням.

Велике спасибі за будь-які вказівки

Михайло

Відповіді:

Як правило, це досягається за допомогою hidihg або відключення кнопки submti раніше зробивши виклик ajax, а потім повернувши зміну на повний обробник. Приклад:

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

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

Повний обробник корисний у цьому випадку, оскільки він запускається як у випадку успішної відповіді, так і відповіді на помилку.

Ви хочете використовувати jQuery Надіслати обробник подій:

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