<!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>
<body>
//邮箱
<input type="text" id="email" />
<input type="button" id="btn1" value="校验" />
//固话校验
<input type="text" id="tel" />
<input type="button" id="btn2" value="校验" />
//年龄
<input type="text" id="age" />
<input type="button" id="btn3" value="校验" />
</body>
</html>
网友评论