passwordStrength 基於jquery的密碼強度檢測代碼使用介紹

查看樣本：DEMO  打包下載

使用很簡單。
複製代碼 代碼如下:
$('#pass').passwordStrength();

XHTML
複製代碼 代碼如下:
<p><label>請輸入密碼：</label>
<input type="password" id="pass" class="input" /></p>
<div id="passwordStrengthDiv" class="is0"></div>
<p><label>確認密碼：</label>
<input type="password" id="repass" class="input" /></p>

注意：id#passwordStrengthDiv的DIV是用來載入強度圖片的，你也可以自訂ID，但調用時就要給參數賦值：
複製代碼 代碼如下:
targetDiv : '#ID' //自訂載入圖片的ID

載入JS和CSS：
複製代碼 代碼如下:
<link rel="stylesheet" type="text/css" href="style/main.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.passwordStrength.js"></script>
<script type="text/javascript">
$(function(){
$('#pass').passwordStrength();
});
</script>