[AjaxForm] Версия 1.1.0-pl Улучшенная регистрация js

Представляю вам новую версию компонента AjaxForm, который позволяет отправлять любые формы через Ajax.

Внимание, эта версия содержит изменения, которые могут поломать работу сторонних дополнений, использующих AjaxForm. Обязательно проверяйте работу форм после обновления.

AjaxForm очень универсальный, благодаря чему некоторые разработчики используют его в своих дополнениях, но у него есть 2 неприятные особенности:

1. Он инициализируется один раз для контекста
2. Соотвественно, он может подключить только один файл javascript

Таким образом получается, что все ajax формы на сайте должны отправляться одним универсальным javascript, что не очень-то подходит для использования в сторонних дополнениях.

Так что, встречайте версию 1.1.0-pl, которая добавляет 2 новых параметра для разработчиков:

1. &formSelector — Имя CSS класса, который будет использован как jQuery селектор для инициализации формы. По умолчанию «ajax_form».
2. &objectName — Имя объекта для инициализации в подключаемом javascript. По умолчанию «AjaxForm».

При этом будут подключены все уникальные javascript, указанные в параметре &frontend_js для разных вызовов сниппета.

То есть, теперь можно написать несколько вариантов объекта AjaxForm, положить в разные файлы javascript и вызывать вот так:

[[!AjaxForm]]

[[!AjaxForm?
	&formSelector=`favorites-form`
	&forntend_js=`/assets/.../favorites.js`
	&objectName=`AjaxFavoritesForm`
]]

Первый вызов подключить стандартный AjaxForm с родными скриптами, и запустит его родной объект. А второй вызов загрузит полностью кастомизированный скрипт и запустит уже его объект.

2 разных вызова AjaxForm на странице, с разными настройками и параметрами никак не мешают друг другу работать:


Как вы видите, в javascript больше нет глобального объекта afConfig, общего для всех скриптов. Его заменяет локальная переменная с конфигом, которую каждый экземпляр AjaxForm может использовать на свой лад.

Так что, я советую всем авторам, которые используют AjaxForm в своих дополнениях обновить их с учетом новых возможностей как можно скорее.
И я вам очень прошу, не включайте больше в свои собственные скрипты обрезанный объект AjaxForm, который перезаписывает стандартный.

Все изменения на GitHub.

[[!AjaxForm?
        	&snippet=`submit_obrazec`
        	&form=`tpl.AjaxForm.obrazec`
        	&successMessage=`Спасибо! Ваша заявка принята.`
        ]]

<div class="secelct-item">
                  <span>Откуда</span>
                  <div class="for-select">
                    <select name="[[+fi.site]]" id="af_clinic" class="form-control">
                    <option>Выберите город</option>
                      <option value="Москва">Москва</option>
                      <option value="Оренбург">Оренбург</option>
                    </select>
                  </div>
                </div>

[[!AjaxForm?
			&snippet=`FormIt`
			&form=`main.kalkul.form`
			&emailTpl=`main.kalkul.sent`
			&hooks=`spam,email`
			&emailSubject=`Расчет стоимости ремонта`
			&emailTo=`[[++emailsender]]`
			&validate=`name:required,phone1:required,phone2:required,phone3:required,email:email:required,metraj:required,t_pom:required,t_rem:required`
			&validationErrorMessage=`В форме содержатся ошибки!`
			&successMessage=`Сообщение отправлено!`
		]]

<label><input type="checkbox" name="diz_proj" value="Нет" class="checkbox" [[!+fi.diz_proj:FormItIsChecked=`Да`]]/> Разработать дизайн проект</label>