現在很多網站都有會員機制,很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼,這樣就讓其它惡意的使用者就有機可趁,這也讓網站的管理者很頭大。因此,PStrength 套件能用在註冊時就先檢查密碼的強度。
另外,如果在 pstrength 中啟用 debug 模式的話,在 IE 中會用 alert() 的方式來顯示訊息,而在 FireFox 中則會輸出訊息在 firebug 中。
套件名稱:PStrength
套件版本:2.1
作者網站:http://digitalspaghetti.me.uk/digitalspaghetti
套件網址:http://plugins.jquery.com/project/pstrength
發佈日期:2008-05-18
檔案大小:8.78 KB
檔案下載:digitalspaghetti.password.js
參數說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | displayMin(選填) 描述: 是否顯示最短密碼長度的提示 預設值: true minChar(選填) 描述: 最短密碼長度 預設值: 8 minCharText(選填) 描述: 密碼最短要 N 字的描述 預設值: "You must enter a minimum of %d characters" colors(選填) 描述: 密碼強度條的顏色 預設值: ["#f00", "#c06", "#f60", "#3c0", "#3f0"] scores(選填) 描述: 密碼強度的分數 預設值: [20, 30, 43, 50] verdicts(選填) 描述: 密碼強度的描述 預設值: ['Weak', 'Normal', 'Medium', 'Strong', 'Very Strong'] raisePower(選填) 描述: 計算用的 N 次方 預設值: 1.4 debug(選填) 描述: 是否使用除錯模式 預設值: false |
方法說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 | // 為指定欄位加上 pstrength 功能 $(selector).pstrength([options]); // 可自訂新的檢驗規則; 使用時需要為該規則命名, 並加入檢驗的方法、分數及是否啟用該規則 $(selector).pstrength.addRule(name, method, score, active); // 變更指定檢驗規則的分數 $(selector).pstrength.changeScore(name, score); // 啟/停用指定的檢驗規則 $(selector).pstrength.ruleActive(name, active); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="digitalspaghetti.password.js"></script> <script type="text/javascript"> $(function(){ // 設定 verdicts 及 minCharMsg 等值 $('#myPassword').pstrength({ verdicts: ["非常弱","弱","普通","強","很強"], minCharText: "密碼最少要 %d 位" }); // 加上新規則,如果密碼中包含 admin 則扣 10 分 $("#myPassword").pstrength.addRule("isAdmin", function (word, score) { return word.indexOf("admin")>-1 && score; }, -10, true); }); </script> <body> <input type="text" id="myPassword" /> </body> |