altunyurt/jquery.showPasswordField - GitHub

パスワード用フィールドを便利にするjQueryプラグイン「showPasswordField」。
<input type="password" はパスワード入力の際に、誰かに盗み見られることなく入力できますが、capsがONになっていたりして大文字が入力されているのに気づかないとか、タイポがあるにもかかわらず、気づかない問題があります。それを解決してくれるプラグインです。

大手のサイトなんかだと、パスワードを入力間違っていないのにログインできないという問い合わせが相当量にのぼったりするようなのですが、このプラグインでパスワードが間違っていないかを確認してもらうことで、そういった問い合わせが減ると思いますし、何より利用者にとって利便性をもたらすことができますね。

パスワードを入力すると普通のパスワードフィールドとして動作


マウスカーソルを合わせると生のパスワードが表示


意図せずカーソルをあわせちゃってパスワードがばれちゃったなんていうのを防ぐためにチェックボックスをチェックする方式にもできます。



チェックボックスONで表示


ブラウザ標準にしたほうがいいような気もしますが、jQueryプラグインでも簡単にできます

関連エントリ

• フォーム要素をクールにするためのjQueryプラグイン集
• ３つの状態を保持できるフォームエレメント実装jQueryプラグイン「jQuery 3 State Switch」
• jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル