正则表达式之 测试阶段
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<title>javascript之正则表达式</title>
<meta charset="utf-8">
</head>
<style>
p{ width:800px; height:50px; padding:20px 0 0px 10px; border:2px dotted #ddd;}
</style>
<SCRIPT TYPE="text/javascript">
//手机号首位是1开头
function check_pho(){
var phone=document.getElementById('pho').value;
// var reg_phone=/([1]{1}[3]{1}[0-9]{9})/g;
// var reg_phone1=/^1[3|8|5][0-9]\d{4,8}$/ //对应此前面的一个字符\d匹配4-8次
var reg_phone1=/^1[3|8|5][0-9]{9}$/ //对应此前面的一个字符【0-9】匹配9次
if(phone.match(reg_phone1)){
alert("你输入是正确的手机号:"+phone);
}
else {alert("手机号输入不对！")}
}
//email验证
function check_email(){
var email=document.getElementById('email').value;
var reg_email=/^([a-zA-Z0-9]+@{1}\w+\.{1}(com|cn|net|cc|com.cn){1})$/ //拆解email的组成，即可，前面是数字和字母（无下划线）+@+.+域名(com|cn|net|cc|com.cn)
if(email.match(reg_email)){
alert("你输入是正确的email地址:"+email);
}
else {alert("email地址输入不对！")}
}
//邮编验证
function check_youbian(){
var youbian=document.getElementById('youbian').value;
var reg_youbian=/^([0-9]{6})$/ //邮编号6位数字
if(youbian.match(reg_youbian)){
alert("你输入是正确的邮编号:"+youbian);
}
else{alert("邮编号输入的不对！")}
}
//电话验证
function check_dianhua(){
var dianhua=document.getElementById('dianhua').value;
var reg_dianhua=/^([0]{1}[0-9]{2,3}[0-9]{8})$/ //邮编号6位数字
if(dianhua.match(reg_dianhua)){
alert("你输入是正确的电话号码:"+dianhua);
}
else{alert("电话号码输入的不对！")}
}
</SCRIPT>
<body>
<h1>javascript正则表达式学习与指导</h1>
<p>
手机号验证：<input type="text" name='pho' id='pho' /><input type='button' value='手机号验证' onclick='check_pho();' />13,18,15开头的11位
</p>
<p>
Email验证：<input type="text" name='email' id='email' /><input type='button' value='Email验证' onclick='check_email();' />
</p>
<p>
中国大陆邮编验证： <input type="text" name='youbian' id='youbian' /><input type='button' value='邮编验证' onclick='check_youbian();' />六位
</p>
<p>
四位区号+8位电话验证： <input type="text" name='dianhua' id='dianhua' /><input type='button' value='电话验证' onclick='check_dianhua();' />051687089321
</p>
</body>
</html>
