フォームバリデーション

解説

フォームバリデーションは、入力された内容が正しい形式かどうかを検査し、問題があれば送信前に知らせる仕組みです。エラーの文言には、何が問題なのかと、どう直せばよいかの両方を書きます。赤い枠を出すだけで理由を示さない作りは、そのまま問い合わせになります。

いつ検査するかで使い心地が変わる

• 入力中に毎回出す：打ち終わる前からエラーが出て煩わしい
• 欄を離れたとき：多くの場合これが適切
• 送信ボタンを押したときだけ：長いフォームだと、どこが悪いのか探すことになる

厳しすぎる検査が正当な入力を弾いてしまう

電話番号のハイフン有無、全角・半角、メールアドレスの記号などは、受け入れてからシステム側で整形するのが親切です。弾かれた顧客は、フォームをあきらめて電話してきます。