Свое сообщение об успешной отправке формы Ajaxform

Nikitos818

17.11.2018

Содержание:

Комментарии

Добрый вечер всем разработчикам! Столкнулся с такой проблемой, настроил форму обратной связи на AjaxForm+ Formit. При отправке контактных данных теперь всплывает стандартное зеленое или красное оповещение. Вот как его можно заменить на модальное окно с моим дизайном?
Прикладываю настройки:

[[!AjaxForm?
    &emailFrom=`modx@revo.ru`
    &snippet=`FormIt`
    &form=`contact_contacts_tpl`
    &hooks=`spam,email,FormItSaveForm`
    &emailSubject=`Заявка`
    &emailTo=`...@gmail.com`
    &emailTpl=`email_tpl`
    &validate=`phone:isPhone`
   &validationErrorMessage=`В форме содержатся ошибки!`
   &successMessage=`Сообщение успешно отправлено, наш менеджер свяжеться с Вами в ближайшее время`
   &customValidators=`isPhone`
]]

Шаблон формы:

					<form class="price-shtukatur__form_tools">
						<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="name" type="text" required="" /><span class="input-group__placeholder">Имя</span></div>
						<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="surname"  type="text" required="" /><span class="input-group__placeholder">Фамилия</span></div>
						<div class="input-group__static price-shtukatur__input animate-scaleY"><input class="input-group__stat" name="phone" id="phone" type="text" required="" /><span class="input-group__placeholder">Телефон</span></div>
						<div class="input-group__stat_btn price-shtukatur__input animate-scaleY"><button class="input-group__stat_sent" type="submit">Отправить</button></div>
					</form>

Александр Мальцев

21.12.2018, 15:30
Добрый!
Необходимо сниппету AjaxForm указать js-файл, который будет выполнять отправку и обработку ответа от сервера. Для этого необходимо использовать параметр frontend_js:
```
[[!AjaxForm?
&frontend_js = `[[+assetsUrl]]js/default.js`
...
```
По умолчанию используется файл, находящий по следующему пути:
```
assets\components\ajaxform\js\default.js
```
Вам необходимо сделать копию этого файла и изменить код так, как нужно.

Войдите, пожалуйста, в аккаунт, чтобы оставить комментарий.

Комментарии: