Содержание:
Свое сообщение об успешной отправке формы Ajaxform
Добрый вечер всем разработчикам! Столкнулся с такой проблемой, настроил форму обратной связи на 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>
Необходимо сниппету AjaxForm указать js-файл, который будет выполнять отправку и обработку ответа от сервера. Для этого необходимо использовать параметр frontend_js:
По умолчанию используется файл, находящий по следующему пути:
Вам необходимо сделать копию этого файла и изменить код так, как нужно.