パスワード強度を表示できるJavaScript「pwd_strength.js」

Googleなどでは、入力されたパスワードに対し、強度を示してくれます。
そんな手法をあなたのサイトでも取り入れてみませんか?
pwd_strength.jsは非常に簡単にパスワード強度を表示させられるJavaScriptです。

sponsors

使用方法

pwd_strength.jsからpwd_strength.jsをダウロードします。
<script type="text/javascript" src="pwd_strength.js"></script>
上記を記述したら、フォームを以下のように記述します。

<input type="text" id="mypassword" name="mypassword" onkeyup="runPassword(this.value, 'mypassword');" />
<div style="width:160px;"> 
	<div id="mypassword_text"></div>
	<div id="mypassword_bar" style="height: 1px; width: 0px; border: 1px solid white;"></div>
</div>
上記で完成です。

サンプル

パスワード:
パスワード強度:

sponsors

Javascriptサンプルページ一覧
skuare.net