リアルタイムバリデーション

解説

リアルタイムバリデーションは、送信ボタンを押すのを待たず、入力中または欄を離れた直後に誤りを知らせる仕組みです。画面上の確認だけでは不正な値を防ぎきれないため、サーバー側の検証も別に用意します。エラー文には、何が違うかだけでなくどう直せばよいかまで書くと問い合わせが減ります。

途中で指摘すれば修正は1箇所ずつで済み、離脱が減る

送信後にまとめてエラーが出る形式では、顧客は一度全部入力した上で拒否されます。この体験は抵抗が強く、その場でやめる人が出ます。途中で指摘されれば、修正は1箇所ずつで済みます。

打ち終わる前にエラーを出すと反発を招く

入力し始めた瞬間から赤いエラーが出る実装は、まだ打ち終わっていないのに怒られているように感じられます。エラーは欄を離れたときに出し、修正したらすぐに消すのが自然です。