效果如下: 输入密码:
密码强度: 弱 中 强   代码如下:
复制代码 代码如下:
<%@ 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> 
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!