Как установить событие click при удачном отправление?

Question

[Дмитрий Борисов]

Доброго времени суток всем! Создал отдельный вопрос для этого.
Имеется форма

jQuery(function($){
$('#wpforms-submit-583').click(function() {
 yaCounterXXXXXXXX.reachGoal('name'); return true;
});
});

Эта форма привязана к кнопке отправки цели при любом раскладе (даже если форма не заполнена) так вот, как правильно назначить событие при удачном отправление?

Саму форму можно посмотреть Здесь

Answer 1

[SaliRr]

У вас страница при прокрутке вниз скачет

Comments

[Дмитрий Борисов]

Проверил с двух браузеров и чистым кешем, вроде все нормально

[hzzzzl]

Дмитрий Борисов, если доскроллить до самого низа и продолжать крутить колесо вниз

а если удалить этот странный блок, то всё ок

[Дмитрий Борисов]

hzzzzl, очень странно, что у меня нет никаких проблем (уже с двух устройств), а с какого браузера вы смотрите? я проверил с гугл хрома и оперы

[hzzzzl]

Дмитрий Борисов, тоже хром, причем странное поведение только когда браузер maximized на весь экран, если окно чуть свернуть, то всё ок

вот записал экран, типа нельзя доскроллить до конца, потому что "отскакивает" наверх пикселей на 50
https://drive.google.com/open?id=1uFtGPWp68CFZduAd...

[Дмитрий Борисов]

hzzzzl, СПАСИБО! да, при полном экране я увидел проблему! это конечно не по теме вопроса все было, но и это важно! сейчас решу эту проблему, спасибо!

Answer 2

[sinneren]

Вопрос не понятен. В условиях говорится о форме, а код клика кнопки.
Если нужно события отправки формы, нажата была кнопка или нет - on('submit') на форму.
Но тут никак не отследить была ли форма отправлена успешно. Для этого или вернуть всё с параметром в URL например, ?success=true и отследить в JS есть ли success и чему равен. Или отправлять ajax'ом, то тогда получим код ответа и далее уже пляшем с reachGoal. Или уточните вопрос, т.к. звучит всё мешаниной непонятной

Comments

[Дмитрий Борисов]

Суть в том, что сама форма генерируется плагином wp forms и кода этой формы нигде нету в файлах (уже проверял) и сейчас скрипт срабатывает чисто по отправке кнопки. Какие либо правки в форме сделать не получается и приходится так крутиться... Вопрос в том, как нужно написать скрипт, который будет учитывать успешное отправление формы, а не кнопки (как сейчас)

[sinneren]

Дмитрий Борисов, нет такого "отправка кнопки". Вообще. Не бывает. Можете её в вырезать скриншотом, распечатать и отправить в посылке, отправляете вы только данные, через форму. Событие сабмита происходит по нажатию на эту кнопку. Или через энтер. Или программно. В любом случае для формы срабатывает одно и то же событие submit.
И в вашем случае нужно слушать `$("wpforms-form-583").on('submit', ()=>{});`
И повторюсь, успешная отправка формы описана выше. Это значит или модификация плагина wp-forms, или более тщательная настройка его (я не знаю возможна ли, но чую есть).
На крайняк в примере моём выше делаете preventDefault, `on('submit', (e)=>{e.preventDefault();});`, сериализуете данные и отправляете аяксом, а затем уж получаете ответ и там ставите событие гола.

https://www.smashingmagazine.com/2018/02/submittin...
https://github.com/Hube2/wpforms-ajax-submit/blob/...

Answer 3

[hzzzzl]

а с формой предлагаю исхитриться так, вот она

<div class="wpforms-container wpforms-container-full" id="wpforms-583"><form id="wpforms-form-583" class="wpforms-validate wpforms-form" data-formid="583" method="post" enctype="multipart/form-data" action="/price/">

здесь убрать action и повесить обработчик через javascript, уже оттуда посылать форму на /price/, и отлавливать success от сервера, как-то так

$( "wpforms-form-583"  ).submit(function( event ) {
  event.preventDefault();
  // собираем поля формы
  
  $.ajax({
  type: "POST",
  url: "/price/",
  data: data,  // тут данные из формы
  success: function(response) {
     // тут делаем что надо
  }
});
});