導入が手軽なGoogleみたいなパスワード強度チェッカーJavaScript
2009年03月09日 公開

Googleで採用されているパスワードの強度確認チェッカーみたいなものを作ろうぜ!という流れで、『作ってみた』という人が現れた。
パスワードを入力するごとにJavaScriptによってフォームを監視し、ゲージでお知らせしている。
ちょっとした小技として使えそうですね。
ダウンロードは以下からできます

ページ下部の方。

設置方法はとても簡単
自分のところにとりあえず設置してみましたがとても簡単です。
http://e0166.com/jq/sample20/
とりあえず大事な部分はここくらい。後はカスタマイズすればOK。<form id="myform">
<script type="text/javascript" src="pwd_strength.js"></script>
<input type="password" id="mypassword" name="mypassword" onkeyup="runPassword(this.value, 'mypassword');" />
<div style="width: 100px;">
<div id="mypassword_text" style="font-size: 10px;"></div>
<div id="mypassword_bar" style="font-size: 1px; height: 2px; width: 0px; border: 1px solid white;"></div>
</div<
</form>
詳しいアルゴリズムに関しては英語ですが以下で。
How to Make a Password Strength Meter Like Google
こじゃれたパスワードチェッカーですね。
それでは、また。