Strength.js 套件能用在註冊時就先檢查密碼的強度,現在很多網站都有會員機制,很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼,這樣就讓其它惡意的使用者就有機可趁,這也讓網站的管理者很頭大。
此套件主要的標準分數為:
密碼必須包含8個字符以上
密碼必須包含1個小寫字母
密碼必須包含1個大寫字母
密碼必須包含1個數字
當然有特殊的字元也是加分的關鍵
使用方法:
第一步 載入 JavaScripts 和 CSS 的樣式檔案
<!-- 樣式檔案 --> <link href='strength.css' rel='stylesheet' type='text/css'> <!-- 使用 Google 的 API 取得 jQuery--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- Strength.js 的主程式檔案--> <script type="text/javascript" src="strength.js"></script>
第二步 在您要使用密碼檢查的欄位加上 ID
<input id="myPassword" type="password" name="" value="">
第三步 使用 jQuery 的載入完成後執行 Strength.js
$('#myPassword').strength({ strengthClass: 'strength', // 輸入框的樣式名稱 strengthMeterClass: 'strength_meter', // 輸入的文字樣式名稱 strengthButtonClass: 'button_strength', // 切換按鈕的樣式名稱 strengthButtonText: 'Show password', // 是否顯示密碼文字 strengthButtonTextToggle: 'Hide Password' // 是否要有切換顯示隱藏 });
作者網站:http://git.aaronlumsden.com/strength.js/
檔案大小:13 KB (包含範例)
檔案下載:https://github.com/aarondo/Strength.js/archive/master.zip
備份下載:下載