ホームページを作る人のネタ帳

導入が手軽なGoogleみたいなパスワード強度チェッカーJavaScript

Googleパスワードチェッカーみたいなもの

Googleで採用されているパスワードの強度確認チェッカーみたいなものを作ろうぜ!という流れで、『作ってみた』という人が現れた。

パスワードを入力するごとにJavaScriptによってフォームを監視し、ゲージでお知らせしている。

ちょっとした小技として使えそうですね。

ダウンロードは以下からできます


Download0001.jpg

ページ下部の方。
ページ下部


設置方法はとても簡単


自分のところにとりあえず設置してみましたがとても簡単です。
http://e0166.com/jq/sample20/

<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>

とりあえず大事な部分はここくらい。後はカスタマイズすればOK。


詳しいアルゴリズムに関しては英語ですが以下で。
How to Make a Password Strength Meter Like Google

こじゃれたパスワードチェッカーですね。

それでは、また。

@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 0

There are no comments yet.

Leave a reply

Trackbacks 1

Click to send a trackback(FC2 User)
この記事へのトラックバック
  • ホームページを作る人のネタ帳の2009年3月9日の記事導入が手軽なGoogleみたいなパスワード強度チェッカーJavaScriptに紹介及び実際に使用したコードを掲載されるのが、Code and Coffeの2007年6月26日のHow to Make a Password Strength Meter Like Googleに公開されたjavascr

    2009.03.13 (Fri) 08:00 | ホームページ作成浜松Tips