Wix フォーム：フォームにカスタム検証を追加する

5分

この記事内

フォームにカスタム検証を追加する
メールアドレスを確認する関数を作成する
よくある質問

フォームにカスタム検証を追加すると、フォームが送信される前に、訪問者がフォームに入力した内容を検証することができます。これにより、条件を満たしたデータのみが、フォームを介して送信されるようになります。カスタム検証は、フォームで以下を制御したい場合などに役立ちます：

2つの欄に入力されたメールアドレスが一致していることを確認する。
メールアドレスの入力を半角英数字のみに制限する。
利用できるメールエイリアスを制限する（例：Gmail のみ）。

この記事では、フォームにカスタム検証を追加する方法と、メールアドレスを確認する関数を作成する方法について詳しく説明します。

重要：

この機能は、新しい Wix フォームでのみご利用いただけます。

Wix フォームで、メールアドレスの欄に入力されたアドレスと、メールアドレスの確認欄に入力されたアドレスが一致せず、エラーメッセージが表示されている様子を示したスクリーンショット。

フォームにカスタム検証を追加する

フォームにカスタム検証を追加して、サイト訪問者が送信するデータを制御します。カスタム検証を追加すると、フォームの送信データが条件を満たしているかどうかがチェックされ、満たしていない場合は、フォームにカスタムのエラーメッセージが表示されるようになります。

フォームにカスタム検証を追加する方法：

サイトダッシュボードの「フォーム・回答内容」にアクセスします。
更新したいフォーム横の「編集」をクリックするか、新しいフォームを作成します。
上部の「設定」タブをクリックします。
「高度なフォーム検証」までスクロールダウンし、「検証を作成 / 新規追加」をクリックして関数ビルダーを開きます。
「一から作成」をクリックします。
「条件」ステップをクリックし、if / else ロジックを使用して関数にパラメータを追加します。
関数の出力を設定します：
1. 「出力」ステップをクリックします。
2. 以下を含めて検証エラーを設定します：
  - （オプション）フォーム項目キー：エラーメッセージを特定の項目に適用します。項目キーが追加されていない場合は、エラーメッセージが送信ボタンの下に表示されます。
  - エラーメッセージ：カスタム検証が満たされなかった場合に表示されるエラーメッセージを入力します。
3. 「追加」をクリックして検証エラーを追加します。
4. （オプション）「＋検証を追加」をクリックし、別の検証エラーを設定します。
5. 「適用する」をクリックして出力を保存します。
該当する条件やアクションを追加して、ビジネスニーズに合わせて関数の作成を続けます。
この関数を該当するフォームに接続します：
1. 右上にある「その他のアクション」アイコンをクリックします。
2. 「関数設定」を選択します。
3. 「選択中のフォーム 1」をクリックし、「＋選択」をクリックします。
4. 該当するフォームを選択し、「OK」をクリックします。