Javascript: Forms

По-умолчанию:

• Все формы работают в аякс-режиме
• Метод передачи данных на сервер: POST
• Формат ответа: JSON
• Ключ ret обозначает статус обработки формы (1 - success, 0 - error)
• Ключ message содержит сообщение об ошибке. При его отсутствии будет использовано стандартное сообщение.
• Если при отправке формы происходит ошибка, она показывается в popup'е
• При успешной отправке формы она заменяется на сообщение об успехе

Реализация в form.js

Шаблоны:

• form_error.hbs - сообщение об ошибке (в попапе)
• form_success.hbs - сообщение об успехе (вместо формы)
• form_popup.hbs - шаблон попапа, контент модала будет внутри контейнера с классом js-alert

Инициализация:

var $form = $('#form-id');
var form = new Form($form);

// Альтернативный вариант, можно передать id формы строкой
// var form = new Form('form-id');

// form.onSuccess = function(data) {
// 	alert('Custom on success');
// 	console.log(data);
// 	return true; // чтобы отменить стандартный обработчик
// }

// form.onError = function(data) {
// 	alert('Custom on error');
// 	console.log(data);
// 	return true; // чтобы отменить стандартный обработчик
// }

form.init();

Если убрать в хуках onSuccess или onError возвращение true, то после выполнения соответствующей функции будет вызван стандартный обработчик формы (показ попапа или замена формы).