Как добавить события для Contact Form 7?

Question

[seregindev]

Доброго времени суток!

Столкнулся с такой проблемой, мне требуется добавить события для элементов формы:
1) Для кнопки типа submit, нужно добавить - onclick="название функции()"
2) Для input типа file - onchange="название функции()"

Буду очень признателен за помощь!

Answer 1

[Roman]

Добавьте разные классы через админку Contact Form 7.
[submit class:class1 "Заказать"]
В вашем основном файле со скриптами пропишите функции, пример:

$('.class1').on('click', function(){
  alert('Вы нажали на элемент');
});

Comments

[Roman]

seregindev получилось?

[seregindev]

Почти...
Возникли небольшие трудности..
К примеру, когда мы отсылаем форму, для того чтобы показать, что мы её отправляем, в кнопке я меняю текст с "Send", на "Sending". Но после, мне нужно вернуть в исходное состояние..
Не понимаю как это можно сделать

[Roman]

seregindev: так это самое простое, используйте вкладку "Доп.настройки" в админке Contact Form 7 и код:

on_sent_ok: "alert('sent ok');"
on_submit: "alert('submit');"

[seregindev]

Roman: Спасибо большое, теперь понял!

[seregindev]

Roman: на сколько я понимаю, в кавычках я могу передать имя функции, либо самому описывать внутри них ?

[Roman]

seregindev: в кавычках обычный javascript, т.е. как хотите хоть весь код туда, хоть только вызов функции

[seregindev]

Roman: Спасибо огромное!

Answer 2

[Вася Петров]

мне требуется добавить события для элементов формы

См ман: https://contactform7.com/dom-events/

Answer 3

[Geliorn]

На данный момент это делается так:

Для Яндекс.Метрики:
document.addEventListener( 'wpcf7mailsent', function( event ) {
yaCounter100500.reachGoal('myForm');
}, false );
где 100500 - номер счетчика, myForm название цели

Для Аналитики
document.addEventListener( 'wpcf7mailsent', function( event ) {
ga('send', 'event', 'Consultation', 'Submit');
}, false );
где Consultation - название цели

Answer 4

[Сергей Горячев]

Заходишь в файлы плагина и добавляешь.
1) Для сабмита - onclick="название функции()"
2) Для файл-инпутов - onchange="название функции()"
Профит!

Comments

[Вася Петров]

Хороший мануал как делать НЕЛЬЗЯ!

[seregindev]

но ведь при при обновлении все мои "настройки" слетят, разве нет ?