Как создать свое JS-событие при успешной валидации формы?

Question

[HellWalk]

Работу форм можно описать простыми двумя пунктами:

1. Отправка формы
2. Результат обработки формы

Есть страница, где после обработки формы, на pjax появляется сообщение "ваша заявка отправлена", но есть проблема - от нажатия "отправить" до появления надписи проходит 1-2 секунды, и у посетителя может сложиться впечатление, что ничего не работает.

Необходимо при нажатии "отправить", если js-валидация прошла нормально, форма заменялась loader-картинкой, и затем уже, через 1-2 секунды, сообщением "ваша форма отправлена"

Попытался поискать, где в Yii2 проходит js-валидация формы... убил несколько часов, но так и не разобрался. С другой стороны, даже если найду, что она, к примеру, проходит в yii.validation.js - править то этот файл нельзя, т.к. он нужен для работ со всеми формами.

Кто-нибудь сталкивался с аналогичной задачей? Как решали?

Answer 1

[HellWalk]

Решил задачу таким способом:

window.onload = function(){
        $('#contact_form').on('beforeSubmit', function () {
            alert('Валидация формы прошла успешно');
        });
    };

Не забываем под contact_form указать id конкретно вашей формы.

Answer 2

[Максим Федоров]

Вы можете реализовать этот функционал с помощью js-событий формы

Answer 3

[Vadim Palgov]

Есть событие afterValidate, проще всего на него повесить.

$('#form').on('afterValidate', function (e) {
    $('#loader').show();
    return true;
});