Как поменять текст кнопки в плагие CF7?

Question

[mipfikus]

Плагин контактной формы - Contact Form 7
Нужно чтобы при успешной отправки формы текст кнопки менялся с "отправить" на "отправлено". Как реализовать?
Вот event успешного отправления:

var wpcf7Elm = document.querySelector( '.wpcf7' );
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
 //что тут?
}, false );

Comments

[Антон Литвиненко]

Вы же сами ответили на вопрос. Дайте кнопке класс и меняйте текст по успешной отправке

[mipfikus]

Антон Литвиненко, Спасибо, знаю эвент успешной доставки, осталось узнать одно, как менять текст?

var wpcf7Elm = document.querySelector( '.wpcf7' );
 
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
//Что тут?
}, false );

Answer 1

[Dima Polos]

Посмотрите в документации информацию по запросу: "cf7 dom events"

Comments

[mipfikus]

Спасибо, с DOM event'ами разобрался, осталось узнать как менять текст?

var wpcf7Elm = document.querySelector( '.wpcf7' );
 
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
//Что тут?
}, false );

[Dima Polos]

mipfikus, как у Вас с js? найдите кнопку и поменяйте внутри функции innerText кнопки

[Dima Polos]

mipfikus, все верно написали

[mipfikus]

Dima Polos, так?
document.getElementById(id).innerText = "Отправлено"

[Dima Polos]

mipfikus, в общем - да, но лучше вот так:

const button = document.querySelector('.btn.btn-submit'); // естественно селектор кнопки
.......
    button.innerText = 'Отправлено';

Answer 2

[WP Panda]

// my_id id вашего сабмита
document.addEventListener( 'wpcf7mailsent', function( event ) {
	document.getElementById('my_id').value='Отправлено' 
}, false );

Comments

[mipfikus]

Не работает, вот сабмит в форме:
[submit id:cf7-form-submitt "Отправить"]

Вот код который вставляю:

document.addEventListener( 'wpcf7mailsent', function( event ) {
  document.getElementById('cf7-form-submitt).value='Отправлено'                          
}, false );

[WP Panda]

mipfikus,

document.getElementById('cf7-form-submitt').value='Отправлено'

[mipfikus]

WP Panda, Мне бы вашу внимательность. Спасибо!

[Dima Polos]

mipfikus, обращайте внимание, если подсветка кода странная;)