js密碼強度代碼（html密碼強度）

本文目錄一覽：

• 1、求一段js校驗密碼複雜度的代碼 謝謝！ 急急急！
• 2、我的密碼是大小寫字母，數字，下劃線組成。有大神能幫我設計一個用js來判斷密碼強度的代碼嗎？
• 3、急！！！！選修課作業，實在是不懂，用js做一個判斷密碼強度的效果，求代碼，求各位大神幫忙
• 4、js密碼強度校驗的正則表達式
• 5、JS實現校驗密碼強度
• 6、用js做一個判斷用戶註冊是密碼強度的效果，盡量簡單一點，求各位大神幫忙，選修課作業，急！！！！

求一段js校驗密碼複雜度的代碼 謝謝！ 急急急！

function chk(s){//返回空串表示合格

if (s.length6) return ‘長度小於6位’;

elseif (s.length12) return ‘長度大於12位’;

elseif (! s.match(/[0-9]/)) return ‘沒有數字’;

elseif (! s.match(/[a-zA-Z]/)) return ‘沒有字母’;

else return ”;

}

我的密碼是大小寫字母，數字，下劃線組成。有大神能幫我設計一個用js來判斷密碼強度的代碼嗎？

var validate = function (str) {

    var res = 0;

    var patterns = [/[a-z]/, /[A-Z]/, /\d/, /[_]/];

    for (var i = 0; i  patterns.length; i += 1) {

        res += Number(patterns[i].test(str));

    }

    return res;

};

console.log(validate(‘User_007’));

這裡大小寫是2中不同的強度，0表示不符合，剩下的強度依次升高。

急！！！！選修課作業，實在是不懂，用js做一個判斷密碼強度的效果，求代碼，求各位大神幫忙

我寫的規則是 6位以上等級加1,12位以上加1,有小寫英文或大寫英文加1,大小寫都有加2

!doctype html

html lang=”en”

head

    meta charset=”UTF-8″

    titleDocument/title

    style

        input{

            float: left;

        }

        .d1{

            float: left;

            width: 30px;

            height: 20px;

            border-radius: 8px;

            border: black solid 1px;

        }

    /style

/head

body

input onkeyup=”fn()”div class=”d1″/divdiv class=”d1″/divdiv class=”d1″/divdiv class=”d1″/div

script

    var i = 0;

 function fn(){

     i=0;

     var val = document.getElementsByTagName(‘input’)[0].value;

     var diArr = document.getElementsByTagName(‘div’);

     for(var j=0;jdiArr.length;j++){

         diArr[j].style.background = “white”;

     }

     console.log(val.length);

     if(val.length=6){

        diArr[i].style.background = “red”;

         i++;

        if(/[a-z]/.test(val)  /[A-Z]/.test(val)){

            diArr[i].style.background = “red”;

            i++;

            diArr[i].style.background = “red”;

            i++;

        }else if(/[a-z]/.test(val) || /[A-Z]/.test(val)){

             diArr[i].style.background = “red”;

             i++;

         }

         if(val.length = 12){

             diArr[i].style.background = “red”;

             i++;

         }

     }

 }

/script

/body

/html

js密碼強度校驗的正則表達式

使用組合的形式：

純數字 /\d+/

純字母小寫/[a-z]+/

純字母大寫/[A-Z]+/

純特殊符號/[~!@#\$%^*\(\)\{\};,.\?\/'”]/

假設1-4的權重分別為2，4，8，16；

則拿1-4分別檢測用戶的密碼，如果有，則或上相應的權重。

然後看這個數字是處於2-30之間，然後根據這個數算出強度即可

JS實現校驗密碼強度

/*

*@description 校驗密碼強度的方法

*@param {String} val 待校驗強度的密碼

*@return {Number} 密碼強度等級，數字越大強度越高

*/

function checkPwd(val){

    var res = 2;

    // 長度不低於6位和12位，強度分別+1和+2

    res += val.length = 6 ? 1 : 0;

    res += val.length = 12 ? 2 : 0;

    // 包含小寫字母，強度+1或+2

    res += /[a-z]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    // 包含大寫字母，強度+1或+2

    res += /[A-Z]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    // 包含特殊字元，強度+1或+2

    res += /[^a-zA-Z\s\d]/.test(val) ? (val.length 8 || /\d{4}/.test(val) ? 1 : 2) : 0;

    return Math.floor(res / 2);

}

用js做一個判斷用戶註冊是密碼強度的效果，盡量簡單一點，求各位大神幫忙，選修課作業，急！！！！

script language=javascript

//CharMode函數

//測試某個字元是屬於哪一類.

function CharMode(iN){

if (iN=48 iN =57) //數字

return 1;

if (iN=65 iN =90) //大寫字母

return 2;

if (iN=97 iN =122) //小寫

return 4;

else

return 8; //特殊字元

}

//bitTotal函數

//計算出當前密碼當中一共有多少種模式

function bitTotal(num){

modes=0;

for (i=0;i4;i++){

if (num 1) modes++;

num=1;

}

return modes;

}

//checkStrong函數

//返回密碼的強度級別

function checkStrong(sPW){

if (sPW.length=4)

return 0; //密碼太短

Modes=0;

for (i=0;isPW.length;i++){

//測試每一個字元的類別並統計一共有多少種模式.

Modes|=CharMode(sPW.charCodeAt(i));

}

return bitTotal(Modes);

}

//pwStrength函數

//當用戶放開鍵盤或密碼輸入框失去焦點時,根據不同的級別顯示不同的顏色

function pwStrength(pwd){

O_color=”#eeeeee”;

L_color=”#FF0000″;

M_color=”#FF9900″;

H_color=”#33CC00″;

if (pwd==null||pwd==”){

Lcolor=Mcolor=Hcolor=O_color;

}

else{

S_level=checkStrong(pwd);

switch(S_level) {

case 0:

Lcolor=Mcolor=Hcolor=O_color;

case 1:

Lcolor=L_color;

Mcolor=Hcolor=O_color;

break;

case 2:

Lcolor=Mcolor=M_color;

Hcolor=O_color;

break;

default:

Lcolor=Mcolor=Hcolor=H_color;

}

}

document.getElementById(“strength_L”).style.background=Lcolor;

document.getElementById(“strength_M”).style.background=Mcolor;

document.getElementById(“strength_H”).style.background=Hcolor;

return;

}

/script

form name=form1 action=””

輸入密碼:

input type=password size=10 onKeyUp=pwStrength(this.value)

onBlur=pwStrength(this.value)

br密碼強度:

table width=”217″ border=”1″ cellspacing=”0″ cellpadding=”1″ bordercolor=”#cccccc”

height=”23″ style=’display:inline’

tr align=”center” bgcolor=”#eeeeee”

td width=”33%” id=”strength_L”弱/td

td width=”33%” id=”strength_M”中/td

td width=”33%” id=”strength_H”強/td

/tr

/table

/form