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

Nikitos818
1.7K
0
Добрый вечер всем разработчикам! Столкнулся с такой проблемой, настроил форму обратной связи на 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>
					

Комментарии ()

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