利用ASP.NET实现显示密码强度的功能-创新互联

这篇文章主要讲解了“利用ASP.NET实现显示密码强度的功能”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“利用ASP.NET实现显示密码强度的功能”吧！

创新互联公司专业网站设计、成都网站设计，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文推广等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。

效果如下：

输入密码:
密码强度:

弱中强

代码如下：


复制代码 代码如下:


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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/tupian/20230522/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" >   
            <tr>   
                <td id="strength_L"  align="center">   
                    弱</td>   
                <td id="strength_M"  align="center">   
                    中</td>   
                <td id="strength_H"  align="center">   
                    强</td>   
            </tr>   
        </table>   
    </div>   
    </form>   
</body>   
</html>


感谢各位的阅读，以上就是“利用ASP.NET实现显示密码强度的功能”的内容了，经过本文的学习后，相信大家对利用ASP.NET实现显示密码强度的功能这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！

文章标题：利用ASP.NET实现显示密码强度的功能-创新互联
网页链接：https://www.cdcxhl.com/article46/djdeeg.html

成都网站建设公司_创新互联，为您提供做网站、虚拟主机、网站排名、App设计、电子商务、定制网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站制作

定制开发知识

分类信息网