STRENGTH.JS 密碼強度檢查,使用 JQUERY 框架(已測試含附件)

woff

DEMO圖片

STRENGTH,密碼強度,JQUERY,框架

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

此套件主要的標準分數為:
密碼必須包含8個字符以上
密碼必須包含1個小寫字母
密碼必須包含1個大寫字母
密碼必須包含1個數字
當然有特殊的字元也是加分的關鍵

使用方法:
第一步 載入 JavaScripts 和 CSS 的樣式檔案

1. <!-- 樣式檔案 -->
   
2. <link href='strength.css' rel='stylesheet' type='text/css'>
   
3. <!-- 使用 Google 的 API 取得 jQuery-->
   
4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   
5. <!-- Strength.js 的主程式檔案-->
   
6. <script type="text/javascript" src="strength.js"></script>

複製代碼

第二步 在您要使用密碼檢查的欄位加上 ID

1. <input id="myPassword" type="password" name="" value="">

複製代碼

第三步 使用 jQuery 的載入完成後執行 Strength.js

1. $('#myPassword').strength({
   
2.      strengthClass: 'strength',
   
3.      // 輸入框的樣式名稱
   
4.      strengthMeterClass: 'strength_meter',
   
5.      // 輸入的文字樣式名稱
   
6.      strengthButtonClass: 'button_strength',
   
7.      // 切換按鈕的樣式名稱
   
8.      strengthButtonText: 'Show password',
   
9.      // 是否顯示密碼文字
   
10.      strengthButtonTextToggle: 'Hide Password'
    
11.      // 是否要有切換顯示隱藏
    
12. });

複製代碼

script 可修改成

1. $('#myPassword') 也可以改成 $('.myPassword')

複製代碼

input

1. <input class="myPassword" type="password" name="" value="">

複製代碼

作者網站：http://git.aaronlumsden.com/strength.js/
檔案大小：13 KB (包含範例)
Strength.js-master.zip (12.98 KB, 下載次數: 0, 售價: 5 金T幣)

2020-3-12 22:56 上傳

點擊文件名下載附件
STRENGTH.JS 密碼強度檢查,使用 JQUERY 框架(已測試含附件)

參考文章：https://fufuk.blogspot.com/2014/02/strengthjs-jquery.html