contact-form-7-add-confirm ver 5.1.1
Contact form 7 と組み合わせて利用するプラグインです。確認画面を作り戻って編集する機能があります。しかし、古いプラグインなのでver 5.1だと以下の不具合があります。
- Contact form 7 add confirmの確認ボタンを押しても動かない
- 送信完了メッセージが表示されない
- [acceptance]による非チェック時にConfirmボタンがdisabledにならない
- reCAPTCHA（リキャプチャ）と同時に利用できない
動作確認は、Contact form 7 ver 5.4.1 [Download Link]と組み合わせてWordPress5.7.2で行いました。reCAPTCHAは、v3を使っています。（v2は未確認）
example
以下のように動作します。
Step1
Step2
Step3
修正方法
この修正方法は、以下サイトで紹介されていたものを行ったのみです。 [オランダで生きていく]
このブログで紹介されている、修正概略は以下です。
- イベントリスナー名を
event.detail.idからevent.detail.unitTagに変更 - 送信完了画面時に、
wpcf7c-force-hideをセットし非表示にする - 承諾確認チェックボックス
[acceptance]の利用時、非チェック状態だとConfirmボタンがdisabledにならない不具合は、判別処理を追記
なお、3 の機能についてはexampleサイトでは別実装にしていますので、これが動作するかは未確認です。
ブログに遊びにきてね
JunkHackというブログをやっていますので、是非遊びにきてください。