Я пытаюсь разобраться с формами в 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", с помощью которого Я сейчас скрываю форму при успешной подаче. Но как изменить текст кнопки при отправке («Отправить ...») и вывести текст на кнопке в случае не отправки («Попробуйте еще раз»)?
Спасибо за помощь !