§09-03Forms
Inline validation
入力欄ごとに正誤をその場で表示する。
送信を待たずに入力の誤りをその場で知らせ、まとめて差し戻される手戻りをなくす。項目が多い登録フォームや形式の厳しい入力で効く。
実装のポイント
検証は入力中ではなく blur 後か一度送信した後から出すと、打ち始めで赤くならない。エラー文は aria-describedby で入力欄と結び付ける。
- 特徴
- フォーム
- アクセシビリティ
- デモで使っているもの
- shadcn/ui
- lucide-react
§09-03Forms
入力欄ごとに正誤をその場で表示する。
送信を待たずに入力の誤りをその場で知らせ、まとめて差し戻される手戻りをなくす。項目が多い登録フォームや形式の厳しい入力で効く。
検証は入力中ではなく blur 後か一度送信した後から出すと、打ち始めで赤くならない。エラー文は aria-describedby で入力欄と結び付ける。