Как отключить кнопку отправки и изменить текст в форме отправки в Wordpress «контактная форма 7»

Question

Я использую "contact form 7" плагин WordPress.

Я хочу отключить кнопку отправки в форме отправки и изменить текст, например

"Submitting....", и включить его в случае успеха или ошибки, чтобы пользователь мог снова щелкнуть.

Answer 1

Пожалуйста, используйте этот код для отключения кнопки отправки.

jQuery('.wpcf7-submit').on('click',function(){
    jQuery(this).prop("disabled",true); // disable button after clicking on button
});

Поскольку мы знаем, что плагин contact form 7 возвращает различные ответы после отправки.

Это для события, отправленного по почте:

 document.addEventListener( 'wpcf7mailsent', function( event ) {
      jQuery(this).prop("disabled",false);// enable button after getting respone
    }, false );

см. Все события контактной формы 7

Обновлено:

document.addEventListener( 'wpcf7submit', function( event ) {
    var status = event.detail.status;  
    console.log(status);  
    //if( status === 'validation_failed'){
        jQuery('.wpcf7-submit').val("Send");
    //}    
}, false );

jQuery('.wpcf7-submit').on('click',function(){
    jQuery(this).val("Submitting....");
});

Примечание: status возвращает ответы типа validation_failed, mail_sent и т. Д. После отправки формы.