検証とマスキング

検証とマスキング

フォームの一部のフィールドでは、テキスト、日付、数値のフィールドを検証したり、数値フィールドをマスキングし、ユーザーの入力が有効であることを確認できます。

note

日付フィールドは Liferay 7.4 から検証できるようになりました。

入力検証を有効にして、特定の値のみがテキストまたは数値フィールドで受け入れられるようにします。

フィールド検証の有効化

検証を有効にするには:

  1. フォームを表示しているときに、テキスト、数値フィールドまたは日付フィールドをクリックして、フィールド構成メニューを開きます。

  2. Advanced] タブをクリックします。

  3. 検証を有効にするには、 [Validation] トグルを右に切り替えます。

    データを検証して、有用な情報のみを収集していることを確認します。

検証が有効になったら、設定を行います。 例えば、テキストフィールドでは、 [Accept If Input] の条件と [Error Message] で検証がどのように失敗したか指定できます。

フィールド検証ルールは、ユーザーが検証済みのフォームフィールドから離れる(例えば、他のフィールドをクリックするなどして)とすぐにトリガーされます。

検証は、ユーザーが検証されたフィールドから離れると行われます。

テキストフィールドの検証

その他の検証条件の詳細は、 検証条件リファレンス を参照してください。

メールアドレスの検証

メールアドレスを検証するようにフォームを設定できます。 ユーザーが有効なメールアドレスを入力したことを確認するには:

  1. Accept If Input] ドロップダウンから [Is an email] 条件を選択します。

  2. エラーメッセージを [エラーメッセージ] フィールドに入力します。有効なメールアドレスを入力してください。

  3. 完了したら、 [保存] をクリックします。

    テキストフィールドの検証を使用して、ユーザーが有効なメールアドレスまたはURLを入力していることを確認します。

URLの検証

メールと同様に、フォームはURLを検証するように構成できます。

URLを検証するには:

  1. Accept If Input] ドロップダウンから [Is a URL] 条件を選択します。
  2. エラーメッセージを入力します。
  3. 完了したら、 [保存] をクリックします。

正規表現の使用

フォームは、 正規表現 を使用してカスタム検証基準を作成するように構成できます。 たとえば、次の正規表現を使用して、電話番号フィールドに10桁の連続した数字が入力されるようにします。

^[0-9]{10}$

正規表現を使用してテキストフィールドを検証するには:

  1. Accept If Input] ドロップダウンメニューから [Matches] 条件を選択します。

  2. 正規表現を入力します。

  3. Error Message] フィールドにエラーメッセージを入力します。

    正規表現のテキスト検証は、無数の可能性を切り開きます。

  4. 完了したら、 [フォームを保存] をクリックします。

数値フィールドの検証

数値フィールドの検証はテキストフィールドの検証に似ていますが、条件は入力された数値の値を他の値と比較します。

数値フィールドを検証するには:

  1. Accept If Input] ドロップダウンメニューから希望の条件を選択します(例: Is greater than)。

  2. 制限となる数値(10)を入力します。

  3. Show Error Message] フィールドにエラーメッセージを入力します。

    数値条件は、ユーザーが入力した数値データを制約します。

  4. 完了したら、 [フォームを保存] をクリックします。

整数のみが必要

数値が整数であることを要求するようにフォームを構成できます。 デフォルトでは、 [My numeric type is] の値は[Decimal]に設定されています。

整数のみを受け入れるように数値フィールドを構成するには:

  1. フォームを表示しているときに、数値フィールドをクリックしてフィールド構成メニューを開きます。

  2. Basic] タブで、 [Integer] ラジオボタンをクリックします。

    数値が10進数か整数のみかを指定します。

  3. 変更を適用するには、 [フォームを保存] をクリックします。

データフィールドの検証

Liferay 7.4では、日付フィールドの詳細設定に入力値の検証が含まれています。

日付フィールドの検証ルールを入力します。

入力値の検証のオプションは以下の通りです。

受け入れられた日付: 選択された日付が、未来の日付、過去の日付、または指定された範囲であることを要求します。

開始日と終了日 未来の日付の場合は、デイトピッカーの開始日の日付を定義します。 過去の日付については、終了日を定義します。 日付ピッカーが応答日(ユーザーがフォームに入力する日付)を使用するか、この値のカスタム日付を使用するかを構成します。 日付範囲の検証には、開始日と終了日の両方が設定されている必要があります。

エラーメッセージ: エラーメッセージは、特定の検証ルールに合わせてカスタマイズできます。

数値フィールドのマスキング

入力マスク設定では、ユーザーが数値データを入力する際に、正しい数値フォーマットを表示することができます。 整数フィールドと10進数フィールドでは、コンフィギュレーションの動作が異なります。

  • 整数フィールドのマスク:フォーマットを設定します。 2番目のエントリである文字オプションは、フォーマットを定義するために使用される文字の動作に関する追加のガイダンスを提供する読み取り専用のフィールド設定です。

    整数フィールドの入力マスクを作成します。

  • 10進数フィールドのマスク:千値セパレーター、少数セパレーター、小数位、プレフィックスまたはサフィックスの設定を行います。 1000区切りセパレータースタイルは、 None1,0001.000または1 000に設定できます。 少数セパレーターのスタイルは、0.00 または 0,00に設定できます。 プレフィックスまたはサフィックス。 小数位の設定で、小数点以下の桁数の制限を指定します。 プレフィックスまたはサフィックスは通常、10進数の単位を定義するために使用されます。 例えば、ユーザーがドルを入力することを前提としたフィールドには、 $ をプレフィックスとして使用します。

    10進数フィールドの入力マスクを作成します。

追加情報