密碼強度檢測: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();
創建如下html代碼:
請(qǐng)輸入密碼:
确認密碼:
注意:id#passwordStrengthDiv的DIV是用來(lái)加載強度圖片的,你(nǐ)也可(kě)以自定義ID,但(dàn)調用時(shí)就要給參數(shù)賦值:
targetDiv : '#ID' //自定義加載圖片的ID
載入JS和(hé)CSS:
聯系我們
一切良好工作(zuò)的開(kāi)始,都需相互之間(jiān)的溝通(tōng)搭橋,歡迎咨詢。