• [原创 js]验证表单强度的js


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <input type="text" id="test" />
    <script type="text/javascript">
    function validate(value,lengthObj){
        var type;
        if(/^\s*$/.test(value))
        {
            type = 0;
        }
        else if(/^[a-z]+$/.test(value))
        {
            type = 1;
        }
        else if(/^[A-Z]+$/.test(value))
        {
            type = 1;
        }
        else if(/^[0-9]+$/.test(value))
        {
            type = 1;
        }
        else if(value.length <= lengthObj.leavl1)
        {
            type = 2;
        }
        else if(value.length > lengthObj.leavl1 && value.length <= lengthObj.leavl2)
        {
            type = 3;
        }
        else if(value.length > lengthObj.leavl2)
        {
            type = 4;
        }
        return type;
    }

    var input = document.getElementById("test");
    input.onblur = function(){
        var type = validate(input.value,{leavl1:5,leavl2:10});
        switch (type)
        {
            case 0 :
                alert("密码不能为空!");
                break;
            case 1 :
                alert("您输入的密码过于简单,不要使用纯数字或纯大/小字母的组合!");
                break;
            case 2 :
                alert("您输入的密码长度过短,一级强度密码!");
                break;
            case 3 :
                alert("您输入的密码长度一般,二级强度密码!");
                break;
            case 4 :
                alert("您输入的密码很安全,三级强度密码!");
                break;           
        }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    依靠MySQL(frm、MYD、MYI)数据文件恢复
    Centos7.4.1708安装Jumpserver
    Ubuntu16.04安装vmware pro 15激活码
    AIX系统命令
    virtualbox迁移虚拟机
    RedHat Enterprise7 搭建ISCSI
    RedHat Enterprise7 修改为CentOS的yum源
    关于Server2008 R2日志的查看
    Centos7.4.1708搭建syslog服务
    ElasticSearch第四步-查询详解
  • 原文地址:https://www.cnblogs.com/cly84920/p/4427057.html
Copyright © 2020-2023  润新知