本文主要是采用js和正则表达式方便的验证账号、手机号、邮箱等。
具体代码实现如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>手机号,邮箱等验证</title>
<script type="text/javascript">
/**
验证账号是否符合合法
验证规则:字母、数字、下划线组成,字母开头,4-16位。
*/
function checkUser(str)
{
var re=/^[a-zA-Z]\w{3,15}$/;
if(re.test(str))
{
alert("正确!");
}else
{
alert("错误!");
}
}
/**
验证手机号码是否输入合法
验证规则:11位数字,以1开头
*/
function checkMobile(str)
{
var re=/^1\d{10}$/;
if(re.test(str))
{
alert("正确!");
}else
{
alert("错误!");
}
}
/**
验证电话号码是否输入合法
验证规则:区号+号码,区号以0开头,3位或4位
号码由7位或8位数字组成
区号与号码之间可以无连接符,也可以“-”连接
如01088888888,010-88888888,0955-7777777
*/
function checkPhone(str)
{
re = /^0\d{2,3}-?\d{7,8}$/;
if(re.test(str))
{
alert("正确!");
}else
{
alert("错误!");
}
}
/**
验证邮箱是否输入合法
验证规则:姑且把邮箱地址分成“第一部分@第二部分”这样
第一部分:由字母、数字、下划线、短线“-”、点号“.”组成,
第二部分:为一个域名,域名由字母、数字、短线“-”、域名后缀组成,
而域名后缀一般为.xxx或.xxx.xx,一区的域名后缀一般为2-4位,如cn,com,net,现在域名有的也会大于4位
*/
function checkEmail(str)
{
re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
if(re.test(str))
{
alert("正确!");
}else
{
alert("错误!");
}
}
</script>
</head>
<body>
<label>
请输入账号:<input type="text" id="user" value=""/>
<input type="button" value="检查账号" οnclick="checkUser(user.value)">
</label><br/><br/>
<label>
输入手机号:<input type="text" id="mobile" value=""/>
<input type="button" value="检查手机号" οnclick="checkMobile(mobile.value)">
</label><br/><br/>
<label>
输入电话号:<input type="text" id="phone" value=""/>
<input type="button" value="检查电话号码" οnclick="checkPhone(phone.value)">
</label><br/><br/>
<label>
请输入邮箱:<input type="text" id="email" value=""/>
<input type="button" value="检查邮箱" οnclick="checkEmail(email.value)">
</label><br/><br/>
</body>
</html>
实现的效果如下图所示。