Contact Form 7でメールアドレスを再入力チェックしてコピペも禁止する方法

Contact Form 7のメールフォームで、メールアドレスとメールアドレス確認用のフィールドに入力した値が一致しなければエラーメッセージを表示するという方法のご紹介です。

あと、メールアドレスと確認用フィールドに入力された値はどちらもコピペ禁止にして、より入力チェックを厳しくするという方法も合わせて紹介させていただきますので、ぜひ参考にしてみてくださいね。

Contact Form 7でメールアドレスの再入力チェック

今回のフォームのカスタマイズ手順は以下の通りです。

※メールフォームのコピペ禁止は別処理になるので、そちらの方法を知りたい方はメールアドレス確認用のフィールドをコピペ禁止にするの方をご覧くださいませ。

コンタクトフォームの編集画面で、メールアドレス確認用のフィールドを追加

管理画面左メニューの「お問い合わせ」>「コンタクトフォーム」へ進み、

フォームの編集画面で、メールアドレスとメールアドレス確認用の2つのフィールドを用意します。

メールアドレス確認用のフィールドの末尾には、_confirmを追加しておきましょう。

<label> メールアドレス (必須)
    [email* your-email] </label>

<label> メールアドレス確認用 (必須)
    [email* your-email _confirm] </label>

これでOKです。

スポンサードリンク

ブログを始めるならWordPressテーマSTORKがオススメ

理由は以下の記事でまとめています。

【STORK】有料テーマ購入を迷う人にストークをオススメする7つの理由2021年版

2019年6月1日

綺麗なデザインが最初から用意されているので、「ブログを書きたい」と思った時からすぐに始めることができます。しかも、執筆に便利なツールも一通りそろっているので、「書くことだけ」に集中できるという、ブロガーにとってはとても魅力的なテーマです。

是非STORKを試してみてくださいね★

関連記事