Изменить текст в кнопке при нажатии в виджете формы Elementor - PullRequest
Новая
       6

Изменить текст в кнопке при нажатии в виджете формы Elementor

0 голосов
/ 09 января 2020

Я пытаюсь разобраться с формами в Elementor Pro. Суть задачи - изменить текст в кнопке по событиям. Например, в контактной форме 7 я изменил текст при нажатии и успешной или неудачной отправке, что-то вроде этого: 

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

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

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

В виджете формы Elementor мне известен только один веб-крючок "submit_success", с помощью которого Я сейчас скрываю форму при успешной подаче. Но как изменить текст кнопки при отправке («Отправить ...») и вывести текст на кнопке в случае не отправки («Попробуйте еще раз»)?

Спасибо за помощь !

...