RELATEED CONSULTING
相關咨詢
選擇下列産品馬上(shàng)在線溝通(tōng)
服務時(shí)間(jiān):9:00-18:00
你(nǐ)可(kě)能遇到了下面的問題
關閉右側工具欄
密碼強度檢測:passwordStrength
  • 作(zuò)者:admin
  • 發表時(shí)間(jiān):2013-07-02 14:17:28
  • 來(lái)源:未知

我們設定密碼強度等級為(wèi)10,制(zhì)作(zuò)一張圖片表示每個(gè)等級狀态,給密碼框綁定keyup事件,通(tōng)過keyup事件獲取密碼值,然後使用正則進行(xíng)判斷密碼強度等級,然後變換相應的圖片。

使用很(hěn)簡單。

$('#pass').passwordStrength();

查看演示demo下載passwordStrength

創建如下html代碼:

請(qǐng)輸入密碼:

确認密碼:

注意:id#passwordStrengthDiv的DIV是用來(lái)加載強度圖片的,你(nǐ)也可(kě)以自定義ID,但(dàn)調用時(shí)就要給參數(shù)賦值:

targetDiv : '#ID' //自定義加載圖片的ID

載入JS和(hé)CSS: