wordpressで
contact form7を使って、確認画面ありのカスタマイズしました！
ライブラリを使用してしたら、簡単かなっと思いましたが、いろいろ改造が大変でした。
http://aulta.jp/library/wordpress/contactForm7Confirm.html
今回、スマホも同じフォームでということで、
“<dd><dl>”タグでフォームのテーブルを組んでやっていたのですが、
これだと確認画面はうまく動きません。
また、input typeがtel、number、email、urlとかだと、動いていませんでした。
ですので、結構、改造が必要でした。
ざっと、
・20行目のvalidatesに追加
・55行目のif (child.hasClass(‘wpcf7-text’)){
に各input type用を追加
・192行目のwpcf7-textのIF文をddで出るように改造
足りない各input type用を追加
・編集画面のみ、確認画面のみ表示するクラスを追加してshow()、hide()
[はまった点]
IE9の場合、必須のチェックがでない場合がある
→原因：入力例のplaceholderがIE9では使用できなかったため