密碼強度檢測工具實際執行畫面

 jQuery password strength meter 套件能用在註冊時就先檢查密碼的強度，現在很多網站都有會員機制，很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼，這樣就讓其它惡意的使用者就有機可趁，這也讓網站的管理者很頭大。

使用方法：
首先載入程式所需要的 JavaScript 程式碼
//使用Google ajax API 直接連結 jQuery 1.7.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
//jQuery password strength meter的主程式碼
<script type="text/javascript" src="js/jquery.pstrength-min.1.2.js"></script>
接下來在 header 加入一段 CSS程式碼
.password {
  font-size : 12px;
  border : 1px solid #cc9933;
  width : 200px;
  font-family : arial, sans-serif;
}
.pstrength-minchar {
  font-size : 10px;
}


表單的HTML碼只需要一個ID或 Class
<INPUT class="password" type=password name="Password">

最後再加入 JavaScript 的啟動程式碼
$(function() {
  $('.password').pstrength();
});

附上可供修改的參數

參數	說明
verdects	說明的文字的陣列.很不安全,不安全,一般
colors	說明的顏色陣列.#F00 以色碼表示
scores	顏色的分數分段陣列
common	設定一個禁止設定的密碼陣列
minchar	最小的文字長度

作者網站：http://simplythebest.net/scripts/ajax/ajax_password_strength.html
檔案大小：15.5 KB
檔案下載：http://simplythebest.net/scripts/ajax/ajax_files/jsquery_pstrength.zip
檔案備份：下載