js验证密码强弱

JS密码强度验证

<%@ Page Language="C#" %>

<!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 id="Head1" runat="server">
    <title>无标题页</title>
    <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;
    }  

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        输入密码:<input id="TextBox1" runat="server" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)" /><br />
        密码强度:
        <table border="1" cellpadding="1" cellspacing="1" borderColorDark="#fdfeff" borderColorLight="#99ccff" 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>

效果如图：

js验证密码强弱

时间： 2024-08-29 12:52:00

js验证密码强弱的相关文章

倒计时、点击移动变色与注册时，JS验证密码是否正确

<input id="b1" type="button" value="同意(10)" disabled="disabled" /> <script type="text/javascript"> var t = 10; var aa = window.setInterval('a()', 1000); function a() { var b = document.getEleme

JS对密码强弱的判断

<div class="email_reg m_part"> <form class="reg_form" id="reg_form"> <p>邮箱注册</p> <div class="control"> <label>邮箱</label><input class="email" name="email&qu

JS 验证密码 不能为空，必须含有数字、字母、特殊字符,长度在8-12位

checkpassword = function(v){ var numasc = 0; var charasc = 0; var otherasc = 0; if(0==v.length){ return "密码不能为空"; }else if(v.length<8||v.length>12){ return "密码至少8个字符,最多12个字符"; }else{ for (var i = 0; i < v.length; i++) { var as

js验证网址等Javascript常见验证代码合集

发一个利用js验证网址是否正确,email格式是否正确,是否为数字及数字的范围,密码或字符长度及是否相等及要求的最小字符串长度,输入是否为空等Javascript常见验证代码合集,用的上的朋友可以拿去了自行添加整理. 关键的JavaScript代码函数: 查看代码 打印 001 /** 002 * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. 003 * 004 * @author www.phpernote.com 005 * @versi

js 验证表单 js提交验证类

js 验证表单 js提交验证类 附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i<obj.oo.length;i++)         if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="f

js 验证 网址 邮箱等

//判断是否是一个网址<script language="javascript">function checkuserinfo(){var homepage=userinfo.homepage.value;if(homepage==""){alert("请输入个人主页地址!");document.userinfo.homepage.focus();}else{if(!checkeURL(homepage)){alert("您

js验证表单大全

js验证表单大全1. 长度限制<script>function test() {if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols=&

常用JS验证和函数

下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用 //浮点数除法运算 function fdiv(a, b, n) { if (n == undefined) { n = 2; } var t1 = 0, t2 = 0, r1, r2; try { t1 = a.toString().split(".")[1].length } catch (e) { } try { t2 = b.toString().split(".&q

静态页面表单中js验证

笔记: 1. onblur事件:onblur 事件会在对象失去焦点时发生.http://www.w3school.com.cn/jsref/event_onblur.asp onkeyup事件:onkeyup 事件会在键盘按键被松开时发生.http://www.w3school.com.cn/jsref/event_onkeyup.asp 这两者事件的发生机制截然不同,在用js对表单进行验证的时候,建议大家,尽量用onkeyup,因为交互性好,能够实时反馈用户输入的有效性: 2. js中空字符串