ユーザーインターフェイスコントロール

コントロールを使用することは、最も一般的な検証アプローチです。 コントロールタイプ、必須フィールド、編集可能な設定などを利用して、コントロールでユーザーの入力を検証することができます。

コントロールタイプ

特定の目的のために正しいコントロールタイプを使用することで、ユーザーが有効な値を入力することができます。 以下の表は、異なるコントロールタイプのユースケースの例を示したものです。

編集可能な設定

コントロールで編集可能な設定を使用し、入力値を有効な形式のみに制限できます。 この設定は、コントロールタイプに特有のものです。 たとえば、日付をテキストとして入力できないようにして、カレンダーアイコンから日付を選択しなければならないように指定できます。 ベストプラクティスとして、カレンダーアイコンを使って日付を指定してもらえば、確実にアプリケーションが期待する形式で日付を入力してもらえます。 また、テキスト入力コントロールに入力できる文字の最小数と最大数も指定できます。

必須フィールド

コントロールを必須フィールドとして設定すると、ユーザーに必ず値を入力してもらえます。 必須フィールドに値がないフォームを送信しようとするとエラーが表示されます。 リワードプログラムのプロフィールの例では、「Date of birth」を必須フィールドに設定します。 ユーザーがこのフィールドに日付を入力せずにフォームを送信しようとすると、エラーメッセージが表示されます。 フィールドに日付がある場合には、エラーメッセージは表示されません。

次の画像の中央の縦線をスライドすると、「Create profile」ビューの必須フィールドに日付が入力されていない場合と、必須フィールドに日付が入力されている場合を見ることができます。