解读ASP.NET密码强度验证代码实例分享

效果如下：

输入密码:
密码强度:

代码如下：


代码如下:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >   
<head runat="server">   
    <title>无标题页</title>   
</head>   
<mce:script language="javascript" type="text/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;i<4;i++){     
        if (num & 1) modes++;     
        num>>>=1;     
        }     
        return modes;     
    }     
    //checkStrong函数     
    //返回密码的强度级别

function checkStrong(sPW){     
        if (sPW.length<=4)     
        return 0; //密码太短     
        Modes=0;     
        for (i=0;i<sPW.length;i++){     
        //测试每一个字符的类别并统计一共有多少种模式.     
        Modes|=CharMode(sPW.charCodeAt(i));     
        }     
        return bitTotal(Modes);     
    }

//pwStrength函数     
    //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色     
    function pwStrength(pwd){     
        O_color="#e0f0ff";     
        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;     
    }     
// --></mce:script>

代码如下:

<body>   
    <form id="form1" runat="server">   
    <div>   
        输入密码:<asp:TextBox ID="TextBox1" runat="server" onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value) ></asp:TextBox><br />   
        密码强度:   
        <table border="1" cellpadding="1" borderColorDark="#fdfeff" borderColorLight="#99ccff" cellspacing="1" style="width: 200px; display: inline; background-color:#e0f0ff">   
            <tr>   
                <td id="strength_L" style="width: 100px; height: 19px;" align="center">   
                    弱</td>   
                <td id="strength_M" style="width: 100px; height: 19px;" align="center">   
                    中</td>   
                <td id="strength_H" style="width: 100px; height: 19px;" align="center">   
                    强</td>   
            </tr>   
        </table>   
    </div>   
    </form>   
</body>   
</html>