Как разделить ajax формы друг от друга что бы не приходило много писем?

Question

[Windramix]

Есть на странице 3 формы. При отправке через любую в формит падает 3 письма и на почту тоже, я так понимаю дело в том что на странице 3 формы.

Первая
{'!AjaxForm'|snippet:[
   'hooks' => 'validate, email, FormItSaveForm',
   'form' => 'callbackForm-request',
   'emailTpl' => 'callbackFormSend-request',
   'submitVar' => 'contactform3',
   'emailTo' => '[e-mail]',
   'emailSubject' => 'Запрос с сайт gta03.ru',
   'validationErrorMessage' => 'Ошибка отправки. Заполните все поля',
   'successMessage' => 'Мы получили ваш запрос'
]}

Вторая

{'!AjaxForm'|snippet:[
   'hooks' => 'validate, email, FormItSaveForm',
   'form' => 'callbackForm-modal',
   'emailTpl' => 'callbackFormSend-modal',
   'submitVar' => 'contactform2',
   'emailTo' => '[e-mail]',
   'emailSubject' => 'Запрос с сайт gta03.ru',
    'validationErrorMessage' => 'Ошибка отправки. Заполните все поля',
   'successMessage' => 'Мы получили ваш запрос'
   'clearFieldsOnSuccess' => 1,
]}

Третья

{'!AjaxForm'|snippet:[
   'hooks' => 'validate, email, FormItSaveForm',
   'form' => 'callbackForm-calculation',
   'emailTpl' => 'callbackFormSend-calculation',
   'submitVar' => 'contactform1',
   'emailTo' => '[e-mail]',
   'emailSubject' => 'Запрос с сайт gta03.ru',
    'validationErrorMessage' => 'Ошибка отправки. Заполните все поля',
   'successMessage' => 'Мы получили ваш запрос'
   'clearFieldsOnSuccess' => 1,
   'btnText' => $data.btnText
]}

Answer 1

[Danny Arty]

Параметр submitVar не нужен ajaxform, он никакой погоды не сделает.
В консоли браузера есть ошибки? Jquery подключен?
Покажите html-код форм.
И у вас случайно в коде нет в скриптах кастомного листенера события отправки формы?

Comments

[Windramix]

[Danny Arty]

Windramix, у вас в классе форм есть точка, классы не могут содержать этот символ

Answer 2

[Антон Тарасов]

У Formit есть параметр submitVar https://docs.modx.com/current/en/extras/formit/ind..., он поможет обрабатывать только ту форму, которую нужно. Назовите кнопки по разному(атрибут name ) и в каждый вызов сниппета впишите свое имя кнопки.

Comments

[Windramix]

Я добавлял её, но возможно как-то не правильно можете подсказать на примере

[Антон Тарасов]

а что в html, покажите код форм? не вложенные ли они случайно?

[Danny Arty]

этот параметр относится к formit, у ajaxform нет проблем с определением отправляемой формы

[Windramix]

<form class="tpl.AjaxForm ajax_form af_example" action="" method="post">
    <input type="text" name="name" placeholder="Имя" aria-describedby="name" required>
    <input type="tel" name="phone" placeholder="+7 (___) __-__-__" aria-describedby="phone" required>
    <input type="hidden" name="contactform2" value="2" />
    <div class="policy-wrap">
        <input type="checkbox" id="inp-policy2" required checked>
        <label for="inp-policy2" class="policy">
            Я согласен на обработку моих персональных данных
        </label>
        <button type="submit" class="btn">отправить</button>
    </div>
</form>

<form class="tpl.AjaxForm ajax_form af_example" action="" method="post">
    <input type="text" name="name" placeholder="Имя" aria-describedby="name" required>
    <input type="tel" name="phone" placeholder="+7 (___) __-__-__" aria-describedby="phone" required>
    <input type="hidden" name="contactform3" value="3" />
    <input type="submit" class="btn"></input>
</form>

<form class="tpl.AjaxForm ajax_form af_example" action="" method="post">
    <input type="text" name="name" placeholder="Имя" aria-describedby="name" required>
    <input type="tel" name="phone" placeholder="+7 (___) __-__-__" aria-describedby="phone" required>
    <input type="hidden" name="contactform1" value="1" />
     <select name="srvice" required id="srvice">
       <option hidden>Услуга</option>
       <option value="Химчистка" [[!+fi.srvice:FormItIsSelected=`Химчистка`]] >Химчистка</option>
       <option value="Полировка" [[!+fi.srvice:FormItIsSelected=`Полировка`]] >Полировка</option>
       <option value="Шумоизоляция" [[!+fi.srvice:FormItIsSelected=`Шумоизоляция`]] >Шумоизоляция</option>
       <option value="Бронеплёнка" [[!+fi.srvice:FormItIsSelected=`Бронеплёнка`]] >Бронеплёнка</option>
    </select>
    <label for="inp-file" class="lab-file">
        Прикрепить изображение
        <input type="file" id="inp-file">
    </label>
    <div class="policy-wrap">
        <input type="checkbox" id="inp-policy3" required checked>
        <label for="inp-policy3" class="policy">
            Я согласен на обработку моих персональных данных
        </label>
    </div>
    <input type="submit"  class="btn"></input>
</form>

[Windramix]

Для каждой своя.

[Антон Тарасов]

Danny Arty, Formit используется по умолчанию для отправки, так что лишним не будет. Правда, в примере выше он действительно уже указан.

[Danny Arty]

Windramix, класс не может содержать точку

[Антон Тарасов]

Windramix так у вас кнопки не именованы,

<button type="submit" class="btn">отправить</button>

а надо бы так:

<button type="submit" class="btn" name="contactform1">отправить</button>

[Danny Arty]

Антон Тарасов, это и не нужно в ajaxform. Понадобится только если он использует formit без AjaxForm и указан в сниппете submitVar. AjaxForm в каждой форме создает скрытый input af_action с уникальным ключом в value, поэтому submitVar и name для сабмита тут вообще ничего не сделают

[Антон Тарасов]

Danny Arty, ajaxForm просто обертка, а значит кашу маслом не испортит. Пусть все попробует, больше узнает :)

[Windramix]

Антон Тарасов, перестаёт работать форма если сделать как вы сказали
У меня сделано было так отдельно от кнопки есть такой инпут


И в нём name и с ним при отправке вот такое происходит


Кстати при отправки ещё почему-то сообщения нет что отправилось

[Windramix]

[Антон Тарасов]

Кстати при отправки ещё почему-то сообщения нет что отправилось

Сообщения нет, потому что дело до хука FormItSaveForm не дошло, он выполняется последним.
'hooks' => 'validate, email, FormItSaveForm',

И в нём name и с ним при отправке вот такое происходит

Ну это потому что все три формы хватают POST запрос, если конечно нет кастомного листнера, как справедливо заметил Danny Arty . Никто больше у вас форму "не перехватывает"?

[Windramix]

При отправке формы в консоле выходит ошибка

[Windramix]

Кажется нашел проблему, у меня есть слайдер befor и при его отключении форма работает корректно.

[Антон Тарасов]

а что там по адресу send.php и почему туда отправляется форма?

[Windramix]

Антон Тарасов если честно без понятия почему так пишет.

[Windramix]

Но письма на почту мою приходят.

[Danny Arty]

Windramix, потому что как я и писал ранее у вас в скриптах где-то есть слушатель событий отправки формы, закомментируйте его и все должно работать