码迷,mamicode.com
首页 > 移动开发 > 详细

js正则验证邮箱、手机号、年龄

时间:2016-11-16 02:32:54      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:return   i++   his   nbsp   邮箱   meta   order   code   function   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        input.err{border-color:red;}
        input.suc{border-color:blue;}
    </style>
    <script>
        window.onload=function(){
            var reg={
                email:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/,
                tel:/1[3-8]\d{9}/,
                age:/1[8-9]|[2-9]{2}|100/,
                cName:/^[\u4e00-\u9fa5]{2,4}/
            }
            var oF=document.getElementById(F1);
            var aInp=oF.children;
            for(var i=0;i<aInp.length;i++){
                aInp[i].onfocus=function(){
                    this.className=‘‘;
                    this.onblur=function(){
                        if(reg[this.name]){
                            if(!reg[this.name].test(this.value)){
                                this.className=err;
                            }else{
                                this.className=suc;
                            }
                        }
                    };
                };
            }
            function check(){
                for(var i=0;i<aInp.length;i++){
                    if(reg[aInp[i].name]){
                        if(!reg[aInp[i].name].test(aInp[i].value)){
                            return false;
                        }
                    }
                }
                return true;
            }
            oF.onsubmit=function(){
                for(var i=0;i<aInp.length;i++){
                    if(reg[aInp[i].name]){
                        if(!reg[aInp[i].name].test(aInp[i].value)){
                            aInp[i].className=err;
                        }
                    }
                }
                if(!check()){
                    return false;
                }
            };
        };
    </script>
</head>
<body>
<form action="http://www.baidu.com" id="F1">
    email:<input type="text" name="email" id="email">
    tel:<input type="text" name="tel" id="tel">
    age:<input type="text" name="age" id="age">
    cName:<input type="text" name="cName" id="cName">
    <input type="submit" value="提交">
</form>
</body>
</html>

 

js正则验证邮箱、手机号、年龄

标签:return   i++   his   nbsp   邮箱   meta   order   code   function   

原文地址:http://www.cnblogs.com/jasonwang2y60/p/6067715.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!