24h購物| | PChome| 登入
2023-02-01 00:01:02| 人氣7| 回應0 | 上一篇

STRENGTH.JS 暗碼強度檢查,利用 JQUERY 框

推薦 0 收藏 0 轉貼0 訂閱站台


作者網站:http://git.aaronlumsden.com/strength.js/
檔案巨細:13 KB (包括類型)

  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. });
複製代碼
  1. <input id="myPassword" type="password" name="" value="">
複製代碼



第二步 在您要利用暗碼搜檢的欄位加上 ID

DEMO圖片
2.png

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>
複製代碼
  1. $('#myPassword') 也能夠改成 $('.myPassword')
複製代碼


input


script 可點竄成



第三步 利用 jQuery 的載入完成後履行 Strength.js

  1. <input class="myPassword" type="password" name="" value="">
複製代碼

台長: mleru2
人氣(7) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 家庭生活(育兒、親子關係、婚姻) | 個人分類: NetYea |
此分類上一篇:jQuery cxSelect 聯動下拉選單如何撈出預設值

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文