表单验证 

<!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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
    </head>
    
    <body>
    <!--    表单验证：
        1.非空验证
        2.相等验证
        3.范围验证
        4.正则验证
        /^正则*表达式$/
        \\n
        -->
        
        <form action="1.html" method="post">
            用户名:<input type="text" name="y" id="y" />
            密码：<input type="password" name="p" id="p" />
            确认密码：<input type="password" name="qp" id="qp" />
            年龄：<input type="text" name="n" id="n" />
            手机号：<input type="text" name="s" id="s" />
            <input type="submit" value="提交" onclick="return Ti(form)" />
        </form>
    </body>
    <script type="text/javascript">
        function Ti(form)
        {
            var y = document.getElementById("y").value;
            if(y=="")
            {
                alert("用户名为空");
                return false;
            }
            var p = document.getElementById("p").value;    
            var qp = document.getElementById("qp").value;
            var kkl = /^(?![A-Z]+$)(?![a-z]+$)(?!\d+$)(?![\W_]+$)\S{6,16}$/;
            if(p.match(kkl)==null)
                {
                    alert("密码必须含有小写字母、大写字母和数字，也可添加特殊符号");
                    return false;
                }
            if (p == "") 
                {  
                    alert("请输入登录密码!");  

                    return false;  
                }  
            if(p!=qp)
                {
                    alert("输入的密码不一致");    
                    return false;
                }
            var n = document.getElementById("n").value;
            if(n=="")
                {
                    alert("请填写年龄");
                    return false;
                }
            if(n<18 || n>30)
                {
                    alert("年龄不符");    
                    return false;
                }
            var s = document.getElementById("s").value;    
            var z = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
            if(s.match(z)==null)
                {
                    alert("手机号不正确");
                    return false;    
                }
        }
        
        
        
    </script>
    
    
</html>

这是一个简单的表单验证，在后期Java的学习中有很大的用处。还有就是关于正则的正确表达。

posted @ 2018-04-15 09:00  峰栯  阅读(149)  评论(0)  编辑  收藏  举报