正则表单校验（邮箱，固话，年龄）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content=""/>
<meta name="copyright" content=""/>
<meta name="description" content=""/>
<title>正则表单校验</title>
<style>
</style>
<script>
window.onload = function(){
var oEmail = document.getElementById('email');
var oTel = document.getElementById('tel');
var oAge = document.getElementById('age');
var oBtn = document.getElementById('btn1');
var oBtn2 = document.getElementById('btn2');
var oBtn3 = document.getElementById('btn3');

            oBtn.onclick = function(){
            //邮箱      
            //  名字：  英文 数字 _          \w
            //   @：  @       \@
            //  域名： 英文 数字 -         [a-zA-Z0-9\-]+
            //  域名后缀： 英文    最少2位    最多8位     可以出现两次       (\.[a-zA-Z]{2,6}){1,2}
                  var re = /^\w+\@[a-zA-Z0-9\-]+(\.[a-zA-Z]{2,6}){1,2}$/;
                  var result = re.test(oEmail.value);
                  alert(result);
            };


            //固话      
            //  区号：  3-4位   第一位是0   第二位不会是0     0[1-9]\d{1,2}
            //    -：   \-     
            //  号码： 7-8位     第一位不是0    [1-9]\d{6,7}
        oBtn2.onclick = function(){
        
            var re = /^0[1-9]\d{1,2}\-[1-9]\d{6,7}$/;
            var result = re.test(oTel.value);
            alert(result);
        };

        //年龄      
            //  18  19：  1[89]
            //   20-99：   [2-9]\d   
            //  100
        
        oBtn3.onclick = function(){
            var re = /^(1[89]|[2-9]\d|100)$/;
            var result = re.test(oAge.value);
            alert(result);
        };




    };
</script>

</head>

//固话校验
<input type="text" id="tel" />
<input type="button" id="btn2" value="校验" />



 //年龄
<input type="text" id="age" />
<input type="button" id="btn3" value="校验" />

</body>
</html>

正则表单校验（邮箱，固话，年龄）

推荐阅读更多精彩内容