WebアプリケーションやHPなど作っていると、コンタクトフォームやログインフォームを作ることがありますよね。
フォーム系はメールアドレスの整合性だったり、必須入力のものなどその案件に応じてつけていくと思いますが、開発者によっては何も考えずにサーバーサイドでバリデーションをかけたり、整合性をチェックすることがあると思います。
色々ご批判を頂くかもしれませんが、僕個人的にはサーバーサイドで整合性をチェックしている時のレスポンスを待つ時間だったり、一瞬ページが再読み込みがされた時の一瞬ホワイトアウトする感じがあまり好きじゃありません。また、ネットが遅い環境下で、バリデーションに引っかかってしまった時のガッカリ感は半端ないです。（大げさ）
最近僕的にハマっているのが、スカイフォームです。
下記がデモ画像ですが、
Submitボタンを押すと、
背景色変更と共にうまい具合にバリデーションのチェックをしてくれます。
これを軽く応用して、バリデーションエラーメッセージを日本語にしてみると
このような形でリアルタイムでチェックしてくれます。（チェックが完了したものは、色を変えて知らせてくれます。）便利！
バリデーションは、たとえば下記のようなことが実装可能です。
- 必須項目かどうか
- 最低文字数
- 最大文字数
- メール形式
- チェックが入っているか
- パスワード、パスワード再入力のパスワードが一致しているか
- etc
カスタマイズも可能です。
視覚的にパッとわかり、僕的にはナイスです。ご参考まで。