[WordPress] お問い合わせフォーム 7 AJAX コールバック

スポンサーリンク

Question

されて周りを探してこれはしばらくの間、達成したいアウトラインする任意のドキュメントを思い付くことはできません

ワードプレスと Contact Form 7 プラグインを使用しています私は、すべてが完璧に働いているフォーム送信時にいくつかの特定の javascript を実行することです達成したい、私たちを使用することができますを知っている”on_sent_ok:”で追加の設定がこれだけ場合は、フォームが実際に送信を実行します

送信フォームをしない [ok] を検証していないセクションに戻ってユーザーをスローするときにいくつか他の java スクリプトの設定を行うには私がやりたい

少々 ずさんではユーザーが低速接続で実行されていたかのようしかし、クリックしてされているフォームの送信の 1.7s年後に実行する次のコードを使用することができますが、フォームが正しく送信される前にこれが潜在的な走れる

 $('.wpcf7-submit').click(function() {
setTimeout(function() {
    if ($('.fs1 input,.fs1 textarea').hasClass('wpcf7-not-valid')) {
        $('.pop-up-form').removeClass('pustep2').removeClass('pu-closing');
        $('.form-step').hide();
        $('.fs1').show();

    }
    if ($('.fs2 *').hasClass('wpcf7-not-valid')) {
        alert('error on page 2 - take user back to the area with issues')
    }
}, 1700);
});

ある特定の関数またはフック フォーム AJAX が完了したときに JS を実行する使えますか?

ありがとう !

答え

3.3 新しい jQuery カスタム イベント トリガーのバージョンで導入された:

新しい: 紹介 5 新しい jQuery カスタム イベント トリガー (invalid.wpcf7、spam.wpcf7、mailsent.wpcf7、mailfailed.wpcf7、submit.wpcf7).

を参照してください: http://contactform7.com/2012/09/24/contact-form-7-33/#more-甲第 2598年

以下の例のような

invalid.wpcf7

を使用することができます:

$(".wpcf7").on('invalid.wpcf7',function(e){
  // Your code here
});

http://stackoverflow.com/questions/27798264/contact-form-7-ajax-callback

スポンサーリンク

Leave a Reply