【デザインクリップ】パスワードの入力フォーム

Unity公式サイトのパスワード入力フォーム。

1文字入力ごとにバリデーションチェックが走り、満たした条件は緑チェックになる。

UIとして最高に分かりやすいと思う。

下に表示されるメッセージダイアログはHTMLで書かれていてデフォルトhidden状態。
キー入力イベントをJavascriptで取得して、HTMLのclass操作で実現している。