Настройка пользовательских функций в JS (для разработчиков)

Иногда возникает ситуация что вы хотите кастомизировать визуальную составляющую формы.
Например при отправке вы хотите показывать прелоадер или показать какой-либо текст пользователю.

Доступно 3 функции.

• Вызов xforms_errors, когда в форме есть ошибки при заполнении
• Вызов xforms_success, когда форма успешно отправлена
• Вызов xforms_loader, когда нажали кнопку “отправить форму/заявку”

Эти функции Вы можете вставить в JS своего шаблона.
Пригодится для разработчиков.

Пример того что я использовал для одного из своих сайтов:

// Функция вызывается когда в форме возникают ошибки
xforms_errors = function( form, error_array ) {
    $('.body').stop().animate({scrollTop: $('[name^="' + error_array[0] + '"]').parent().offset().top}, 350);
    form.find('.xforms_loader').remove();
};

// функция вызывается когда форма успешно отправлена
xforms_success = function( form, success_message ) {
    $('html, body').stop().animate({scrollTop: form.offset().top}, 350);
    form.find('.xforms_loader').remove(); // Убираем прелоадер
};

// Функция вызывается когда нажали "отправить форму". Сюда можно засунуть прелоадер, пока на сервере обрабатываются ajax запрос
xforms_loader = function(form) {
    form.append('<div class="xforms_loader"></div>');
};