網頁設計 STRENGTH.JS 暗碼強度查抄,利用 JQU
- <input id="myPassword" type="password" name="" value="">
複製代碼 網頁設計
- <input class="myPassword" type="password" name="" value="">
複製代碼 網頁設計
- $('#myPassword') 也能夠改成 $('.myPassword')
複製代碼
作者網站：http://git.aaronlumsden.com/strength.js/
檔案巨細：13 KB (包括範例)
DEMO圖片
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>
複製代碼
script 可點竄成網頁設計
第三步 使用 jQuery 的載入完成後履行 Strength.js
第二步 在您要利用暗碼查抄的欄位加上 ID
input
- $('#myPassword').strength({
- strengthClass: 'strength',
- // 輸入框的樣式名稱
- strengthMeterClass: 'strength_meter',
- // 輸入的文字樣式名稱
- strengthButtonClass: 'button_strength',
- // 切換按鈕的樣式名稱
- strengthButtonText: 'Show password',
- // 是否顯示暗碼文字
- strengthButtonTextToggle: 'Hide Password'
- // 是不是要有切換顯示潛藏
- });
複製代碼
文章來自: