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>
  • 相关阅读:
    个人作业——软件工程实践总结作业
    团队作业第二次—项目选题报告
    结对第二次—文献摘要热词统计及进阶需求
    结对第一次—原型设计(文献摘要热词统计)
    第一次作业-准备篇
    Java面向对象课程设计——购物车
    第04次作业-树
    第03次作业-栈和队列
    第02次作业-线性表
    01——绪论作业
  • 原文地址:https://www.cnblogs.com/cly84920/p/4427057.html
Copyright © 2011-2022 走看看