インラインバリデーション
Inline Validation入力中または入力直後に、その場でエラーの有無をフィールド脇に伝える検証UI。
○ 使う場面
- パスワードやメールアドレスなど、送信前に形式ミスへ早めに気づかせたいとき
- 入力欄の数が多く、送信後にまとめてエラーを出すとやり直しの手戻りが大きいとき
× 避ける場面
- 入力途中の値を否定し続けて不安にさせる恐れがあるとき（フォーカス離脱を待って検証する等の配慮が必要）
- 妥当性の判定にサーバー側の重い処理が必要で、リアルタイム表示が非現実的なとき
別名
リアルタイムバリデーション、その場バリデーション、フィールドバリデーション、入力検証
近縁種との比較
1文字入力するたびに否定し続けるとユーザーを不安にさせるため注意が必要。ページ全体のエラーを一覧化する「エラーサマリー」とは異なるレベルの手法であり、両方を併用することも多い。
| 近縁種 | 違い・使い分け |
|---|---|
| テキストフィールド | テキストフィールドなど個々の入力欄に対して、送信後ではなく入力中または入力直後にその場でエラーを伝える検証手法がインラインバリデーションであり、フォーカスが外れたタイミング（blur）や入力が一区切りついたタイミングで検証するのが定石とされる。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション