zoukankan      html  css  js  c++  java
  • [原创 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>
  • 相关阅读:
    GitHub代码阅读神器,你值有拥有!
    SpringBoot项目构建成jar运行后,如何正确读取resource下的文件
    基于SpringBoot-Dubbo的微服务快速开发框架
    基于SpringBoot的Web API快速开发基础框架
    野蛮生长的前端,从杂牌军到正规军
    让Redis突破内存大小的限制
    myeclipse 8.5-10.0 安装 svn 方法
    几秒后刷新页面
    不错的Spring学习笔记(转)
    Spring学习笔记(三)-类扫描的注解
  • 原文地址:https://www.cnblogs.com/cly84920/p/4427058.html
Copyright © 2011-2022 走看看