标签：javascript 正则表达式
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>正则表达式</title>
<style type="text/css">
.ok{
background: url(images/ok.gif) no-repeat;
}
</style>
<script type="text/javascript">
//出生日期在1900-2014之间，格式为yyyy-mm-dd
function checkBirthday(){
var regBirthday=/^(19\d{2}|200\d|201[0-4])-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
var birthday=$("birthday").value;
if(!regBirthday.test(birthday)){
$("birthdayInfo").style.color="#f00";
$("birthdayInfo").innerHTML=" * 格式不对，出生日期在1900-2014之间，格式为yyyy-mm-dd";
$("birthdayInfo").className="";
}else{
$("birthdayInfo").innerHTML=" ";
$("birthdayInfo").className="ok";
}
}
//手机号码，11位，以1开始
function checkMobile(){
var regMobile=/^1\d{10}$/;
var mobile=$("mobile").value;
if(!regMobile.test(mobile)){
$("mobileInfo").style.color="#f00";
$("mobileInfo").innerHTML=" * 手机号码，11位，以1开始";
$("mobileInfo").className="";
}else{
$("mobileInfo").innerHTML=" ";
$("mobileInfo").className="ok";
}
}
//邮政编码，6位，首位不为0
function checkCode(){
var regCode=/^[1-9]\d{5}$/;
var code=$("code").value;
if(!regCode.test(code)){
$("codeInfo").style.color="#f00";
$("codeInfo").innerHTML=" * 邮政编码，6位，首位不为0";
$("codeInfo").className="";
}else{
$("codeInfo").innerHTML=" ";
$("codeInfo").className="ok";
}
}
//用户名，由字母、数字、下划线、点号、横线、中文字符组成，
//只能以数字、字母开头或结尾，且长度为6-14
function checkUsername(){
var regUsername=/^([\d|[a-z])([\u4e00-\u9fa5\w.-]) {4,12}([\d|[a-z])$/i;
var username=$("username").value;
if(!regUsername.test(username)){
$("usernameInfo").style.color="#f00";
$("usernameInfo").innerHTML=" * 用户名，由字母、数字、下划线、点号、横线、中文字符组成";
$("cusernameInfo").className="";
}else{
$("usernameInfo").innerHTML=" ";
$("usernameInfo").className="ok";
}
}
/^\d|[a-z]{4,10}$/;
//密码，只能由字母和数字组成，长度为4-10位
function checkPwd(){
var regPwd=/^[a-zA-Z0-9]{4,10}$/;
var pwd=$("pwd").value;
if(!regPwd.test(pwd)){
$("pwdInfo").style.color="#f00";
$("pwdInfo").innerHTML=" * 密码，只能由字母和数字组成，长度为4-10位";
$("pwdInfo").className="";
}else{
$("pwdInfo").innerHTML=" ";
$("pwdInfo").className="ok";
}
}
//年龄，1-120
function checkAge(){
var regAge=/^(1[0-1]|[1-9])?\d$/;
var age=$("age").value;
if(!regAge.test(age)){
$("ageInfo").style.color="#f00";
$("ageInfo").innerHTML=" * 年龄，1-120";
$("ageInfo").className="";
}else{
$("ageInfo").innerHTML=" ";
$("ageInfo").className="ok";
}
}
//判断身份证格式(要求支持新旧证)
function checkIDCard(){
var regIDCard=/^[1-9]\d{14}(\d{2}[0-9X])?$/;
var IDCard=$("IDCard").value;
if(!regIDCard.test(IDCard)){
$("IDCardInfo").style.color="#f00";
$("IDCardInfo").innerHTML=" * 不是一代或二代身份证！";
$("IDCardInfo").className="";
}else{
$("IDCardInfo").innerHTML=" ";
$("IDCardInfo").className="ok";
}
}
//
function checkPhone(){
}
//判断Email地址
function checkEmail(){
var regEmail=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
var email=$("email").value;
if(!regEmail.test(email)){
$("emailInfo").style.color="#f00";
$("emailInfo").innerHTML=" * Email地址不正确！";
$("emailInfo").className="";
}else{
$("emailInfo").innerHTML=" ";
$("emailInfo").className="ok";
}
}
function $(id){
return document.getElementById(id)
}
</script>
</head>
<body>
出生日期：<input type="text" id="birthday" onblur="checkBirthday()"/><span id="birthdayInfo"></span><br/>
手机号码：<input type="text" id="mobile" onblur="checkMobile()"/><span id="mobileInfo"></span><br/>
邮政编码：<input type="text" id="code" onblur="checkCode()"/><span id="codeInfo"></span><br/>
用户名：<input type="text" id="username" onblur="checkUsername()"/><span id="usernameInfo"></span><br/>
密码：<input type="password" id="pwd" onblur="checkPwd()"/><span id="pwdInfo"></span><br/>
年龄：<input type="text" id="age" onblur="checkAge()"/><span id="ageInfo"></span><br/>
身份证：<input type="text" id="IDCard" onblur="checkIDCard()"/><span id="IDCardInfo"></span><br/>
固定电话：<input type="text" id="phone" onblur="checkPhone()"/><span id="phoneInfo"></span><br/>
电子邮箱：<input type="text" id="email" onblur="checkEmail()"/><span id="emailInfo"></span><br/>
</body>
</html>标签：javascript 正则表达式
原文地址：http://blog.csdn.net/wangzi11322/article/details/45287981
