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

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

使用方法
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>

上記で完成です。
パスワード強度を表示できるJavaScript「pwd_strength.js」サンプル

sponsors

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

記事作成:
記事URL:

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