CMS：入力要素の検証設定について
5分
Wix のコンテンツ管理システム（CMS）では、コレクションに送信する入力要素を使用したカスタムフォームを作成することができます。入力要素で制約設定を使用すると、訪問者から収集するデータが特定の要件を満たしていることを確認できます。また、送信された入力値を保存するコレクションフィールドの制約を設定することも可能です。
Wix CMS の入力要素に制約設定を使用すると、収集したデータが正確かつ完全であり、特定の要件を満たしていることを確認できます。これにより、データの全体的な品質とサイトでのユーザーエクスペリエンスが向上します。
必須フィールドでデータの完全性を確認する
ほとんどの入力要素は「必須」として設定することができます。入力要素が必須の場合、項目が空欄のフォームは送信されません。これにより、不完全な送信を防ぎ、必要なすべての情報を確実に収集します。接続されたコレクションフィールドを「必須」に設定すると、ユーザーが空の値でフォームを送信しようとするとエラーメッセージが表示されます。スイッチには「必須」オプションはありませんが、チェックボックスにはある点にご留意ください。
収集する情報の種類を制御する
テキスト入力要素には、テキスト、数字、メールアドレスなどの特定の種類の情報を受け付けるように設定することができます。入力された値が必要な形式と一致するように、各種類で特定の制約が実行されます。
テキスト入力の種類 | 制約 | 追加の制約 |
|---|---|---|
テキスト | なし | 文字数制限、パターン |
パスワード | なし | 文字数制限、パターン |
数値 | 値が数値かどうか | 最大値、最小値、パターン |
メール | 値はメールアドレスです | パターン |
URL | 値は「http」または「https」で始まる URL です | パターン |
電話番号 | 値は電話番号です | パターン |
入力値の長さを制限する
テキストを収集するように設定された入力要素には、文字数制限を設定することができます。これにより、入力値が指定の長さを超えた場合、フォームは送信されません。これは、ユーザー名や説明文など、入力されるテキスト量を制御したいフィールドに便利です。
数値の最大値と最小値を設定する
数値を収集する入力要素の場合、送信できる最大値と最小値を指定できます。これにより、送信される数値が指定の許容範囲内にあることが保証され、無効なデータ入力を回避できます。
正規表現でパターンを制約する
一部の入力要素では、正規表現を使用した追加のパターン制約が可能です。たとえば、^[a-zA-Z0-9_]{5,20}$ のような正規表現を使用して、ユーザー名に特定の形式を要求することができます。これにより、ユーザー名が確実に、5～20文字の半角英数字またはアンダースコアから構成されるようにします。
この場合は、以下の正規表現を入力要素に追加して、有効なユーザー名しか受け付けないようにすることができます。
1^[a-zA-Z0-9_]{5,20}$この表現では、 ^ と $ はそれぞれ文字列の始まりと終わりを表します。この 2つの文字で、角括弧 [] と波括弧 {} に囲まれた 2つのセクションを挟む形となっています。角括弧で囲まれた [a-zA-Z0-9_] は、小文字 a-z、大文字 A-Z、数字 0-9 またはアンダースコア _ を表します。波括弧で囲まれた部分 {5,20} は、その直前のセクション [a-zA-Z0-9_] に一致する 5～20文字の入力が必要であることを意味します。
サイト訪問者が選択できる日時を制限する
日付ピッカー入力要素を使用すると、ユーザーが選択できる日付を制御できます。ユーザーが過去の日付、将来の日付、または週末などの特定の曜日を選択できないように制限することが可能です。また、MM/DD/YYYY、DD/MM/YYYY、YYYY/MM/DD、または YYYY/M/D の 4つの異なる日付形式から選択することもできます。
時間ピッカー入力要素を使用すると、ユーザーが選択できる時間とできない時間を定義することができます。12時間または 24時間形式から選択し、ユーザーが選択できる時間の増分を設定します。
よくある質問
入力要素の制約設定に関するよくある質問と回答については、以下をクリックしてください。
すべての入力要素には独自の制約設定がありますか？
フィールド制約はコレクションコンテンツにどのように適用されますか?
コレクションで「表」レイアウトを無効にするとどうなりますか？
フィールドにデフォルト値を設定することはできますか？