Может кто сталкивался с подобной проблемой,
форма магическим образом приходит 5 раз на почту.
Сам механизм выглядит стандартн.
Работает на FormIt.
Через Ajax.
Модальное окно:
<div class="popup-uniq">
<img src="/assets/images/close.png" class="close">
<div class="text col-md-7 col-sm-7">
<h3>День открытых дверей</h3>
<p>дата место</p>
<div class="radio-list">
<input type="radio" id="radio01" name="address" value="адрес 1" form="krsndr-form" checked />
<label for="radio01"><span></span>адрес 1</label><br>
<input type="radio" id="radio02" name="address" value="адрес 2" form="krsndr-form" />
<label for="radio02"><span></span>адрес 2</label>
</div>
<p>текст</p>
</div>
[[$form-only-form]]
</div>
Обработка формы:
[[!AjaxForm?
&snippet=`FormIt`
&form=`tpl-only-form`
&hooks=`email,order_to_amo`
&emailSubject=`тема`
&emailTpl=`EmailTpl-only-form`
&emailTo=`myemail@mail.ru`
&emailFrom=`[[$email_from]]`
&ClientName=`name`
&ClientPhone=`phone`
&ClientEmail=`email`
&ClientAddress=`address`
&validate=`phone:required`
&validationErrorMessage=`В форме содержатся ошибки!`
&successMessage=`Спасибо за оставленную заявку. <br />Наши менеджеры свяжутся с Вами`
]]
Сама форма:
<form id="krsndr-form" method="POST" action="" class="col-md-offset-1 col-md-4 col-sm-4">
<h3>Заголовок</h3>
<h3 class="special">[[cpElements? &prop=`titleForm`]]</h3>
<div class='block'>
<input type="hidden" name="typeform" value="Всплывающее окно">
<!--label for="name">Введите Ваше имя</label-->
<input required type="text" class="name" name="name" placeholder="Введите Ваше имя">
<!--label for="phone">Введите Ваш телефон</label-->
<input required class='phone' type="text" name="phone" class="phone" placeholder="Введите Ваш телефон">
<input required class='email' type="text" name="email" class="email" placeholder="Введите Ваш e-mail">
</div>
[[+utms_fields]]
<div class='block'>
<button type='submit'>Записаться</button>
<button type='submit' class="special">[[cpElements? &prop=`button`]]</button>
</div>
</form>
Текст письма:
<h1>Заявка с сайта [[!SERVER? &key=`HTTP_HOST`]]</h1>
Пользователь оставил заявку
<br />
<br />
<b>Имя:</b> [[+name]]<br>
<b>Телефон:</b> [[+phone]]<br>
<b>Email:</b> [[+email]]<br>
<b>Адрес:</b> [[+address]]
<br />
<br />
Страница на которой находится посетитель: <a href="[[~[[*id]]]]">[[*pagetitle]]</a><br />
Адрес веб сайта с которого пришел посетитель:<a href="[[+referer]]">[[+referer]]</a><br />
IP - адрес: [[!SERVER? &key=`REMOTE_ADDR`]]<br />
Дата: [[!date? &format=`d.m.Y H:i`]]
[[+utm:default=``]]
Скрипт отправки:
$(function() {
$('form').submit(function(e) {
var $form = $(this);
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize(),
}).done(function(data) {
if(data){
//$('form button').after('<div class="success"><p>Сообщение отправлено</p></div>');
$('.popup').fadeOut();
$('.popup-point').fadeOut();
$('.popup-uniq').fadeOut();
$('.popup-success').fadeIn();
$('section.popup_bg').fadeIn();
//console.log('success');
ga('send', 'event', 'Forms', 'submit', 'Kursi');
}
}).fail(function() {
// console.log('fail');
});
//отмена действия по умолчанию для кнопки submit
e.preventDefault();
});
});
Скрипт находится не в документ реди. а просто как функция в файле.
Проверил, вызывается ли файл несколько раз, вроде потягивается только один раз.
помогите советом пожалуйста.
