Confirming Matching Field Values in WPForms

ユーザーが2つの異なるフィールドに同じ情報を入力するかどうかを確認しますか？ WPFormsには組み込みのメール確認機能がありますが、電話、住所、またはユーザー入力を確認する必要があるその他のフィールドタイプにこの機能拡張できます。

このガイドでは、簡単なコードスニペットを使用してフィールド比較検証を実装する方法を説明します。

メール確認に特に興味がある場合は、メール確認ガイドに従って、コードなしでフォームビルダーで直接設定できます。

フォームの設定

まず、新しいフォームを作成するか、既存のフォームを編集します。この例では、フィールド比較検証を実証するために、2つの電話フィールドを持つフォームを作成します。最初のフィールドは電話番号を収集し、2番目のフィールドは確認用です。

新しいフォームの作成にヘルプが必要な場合は、最初のフォームの作成に関するガイドを確認してください。

次に、フィールド比較検証を処理するコードスニペットを追加する必要があります。サイトにカスタムコードを追加する場所がわからない場合は、カスタムコードの追加に関するガイドを確認してください。

次のスニペットは、2つの電話フィールドを比較し、一致しない場合はエラーメッセージを表示します。

コード内の3つの主要な値をカスタマイズする必要があります。

フォームIDとフィールドIDの見つけ方がわからない場合は、フォームとフィールドIDの見つけ方に関するガイドを確認してください。

電話フィールドを使用する場合、国際番号やカスタム形式に対応するために、21行目のパターン（$pattern = '/^\d{10}$/';）を調整する必要がある場合があります。現在のパターンはちょうど10桁を想定しています。

これで完了です！フィールド比較を使用することで、フォームに入力されたデータが検証されていることを確認できます。送信ボタンを条件付きで表示しますか？送信ボタンを条件付きで表示する方法のチュートリアルをご覧ください。