如何禁用提交按钮并在WordPress“联系人表单7”上更改表单提交上的文本

请使用此代码禁用“提交”按钮。

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 );

see all events of contact form 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 等提交表格后。