きっかけ

これまでエンジニアとして開発したり UIUX レビューする中で、バリデーションが発火するタイミングやボタン制御については、いろいろ意見が分かれる分野だと感じました。

こちらに関して、自分なりの考えを整理してみたいなと思い、言語化してまとめてみました。

■ ボタン押下時か、入力中か、フォーカスアウト時か

ボタンを押下すると、バリデーションに引っかかっている全ての入力フォームの直下に、赤いエラーメッセージが出現。

入力中（1 文字 1 文字入力するたび）にバリデーションがかかるというもの。

ユーザーへの検知という意味では非常に強力。
- 複雑なバリデーションにおいては、入力中にバリデーションがかかると嬉しい。
  - 例）ID やパスワードなどにおいて、使用できない ID や記号がある、英大文字が必要、～以上の文字数、等。

簡単なバリデーションにおいては、常に警告が出続けると鬱陶しい。
- まだ入力中なのにずっと警告が出る、、
- 例）10 文字以上チェックだと 10 文字以上入力するまで警告が出続ける、など。
処理が少し重くなりそう。

フォーカスアウト時にバリデーションがかかるというもの。

個人的には、、

バリデーションについて自分の考えを言語化してまとめてみました。
これが全くの正解とも思っていないので、何か意見があればコメントいただけると嬉しいです！