🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

passwordStrength.js is a jQuery plugin to shows a progress bar below the password filed that auto fills and changes background color depending on the password strength.

Password

Documentation

passwordStrength plug-in for jQuery 1.2.1

簡單的密碼強度檢測插件。可通過API修改或添加強度判斷規則。

DEMO

示例

更新日誌

  1. 優化HTML結構,無須手動添加強度條;

使用

<script src="vendor/jquery.min.js"></script> <script src="js/passwordStrength.js"></script>  <input id="password" type="password" name="password">

引入js文件,input需添加name屬性。

var obj = $(element).passwordStrength();

為輸入框綁定passwordStrength(),並返回實例。

數字、大寫字母、小寫、特殊字符、長度12位,每符合一種情況,強度上升一級。 單一字符重複,強度下降一級。

API

var rules = {     rulesname: {         rule: /[A-Z]+/,         method: true     } }  $.tester.addRules(rules);

修改或增加強度規則,需在創建實例前添加。

  • rule:驗證規則,正則表達式。
  • method:true為加分規則,false則為減分規則。
obj.reset();

重置輸入框和強度條。

obj.destroy();

銷毀強度條,解除輸入框相關綁定。

Option

gradeClass: {   bad: 'bg-red',   pass: 'bg-orange',   good: 'bg-green' }

強度條的顏色樣式,分三個等級,默認如上。

聯繫與討論

QQ:3088680950

如果發現八阿哥了或者有功能上的建議,推薦通過 issue 發起討論。

License

MIT license. 有好的想法歡迎提供。

隨意使用,轉載請註明出處。


You May Also Like