当前位置:
首页 > 教程在线 > 用Javascript正则表达式验证Email地址

用Javascript正则表达式验证Email地址

用Javascript正则表达式验证Email地址

先看如下一段代码:


function isValidMail(sText){
var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/;
return reMail.test(sText);
}

似乎这样验证像sofish@163.com这样的邮箱是没问题的。但,由于仔细看一下在AT(@)后面的非捕获性引用中,使用的是*(出现任意次):


var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/;

那么,也包括出现0次,这样的话。像sofish@163com这样的邮箱也是通过验证的。 显然,"."是必须至少出现一次的,因此,而"+"才表示至少出现一次。但这里,在AT后面,我们可以写像163.com.cn这样的结尾,但直接改成"+"的话,这样163..com.cn也可以通过验证。下面是我的方法:


function isValidMail(sText) {
var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.)+\w+$/;
alert(reMail.test(sText))
}

规定"."号只出现一次。然后在非捕获引用后面,让其他至少显示1次,再以任意的字符结束。不过,这里的"\w"是包括下划线的,也就是说,像 sofish@163_.com_这样的邮件也是可能通过难的,显然,这是一个不合法的邮件,在AT后面的"."号后前,是不可以出现下划线的,而后面,只能是英文字母的(至少目前我没有见过用后面是数字的域名)。并且,这里应该注意到的是,"\w"所代表的字符包括下划线,不用缩写是这样的:


[a-zA-Z_0-9]

因此,上面的代码可以这样进行改装:


function isValidMail(sText) {
var reMail = /^(?:[a-z\d]+[_\-\+\.]?)*[a-z\d]+@(?:([a-z\d]+\-?)*[a-z\d]+\.)+([a-z]{2,})+$/i;
alert(reMail.test(sText))
}

其实,通常这样写就可以了,对吧。要更深入,还可以考虑AT后面的各个点后面,不应该用相同的字母,比如.com.cn.com.cn(很显然,这样的域名还是有的,我错了,感谢@StonyWang同学的提醒,真的有人这么囧这样做么?)这样是不被请允许的。可以考虑一下利用捕获性引用进行储存,并进行比较验证。当做一道练习题吧(突然感觉好像在学高中的数学题)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试:用Javascript正则表达式验证Email地址</title>
</head>
<body style="background:#fff;">
<p style="margin-bottom:20px;">
输入Email地址,点击测试,错误的地址将返回 false...正确的,显示成? 自己猜:
</p>
<input type="text" value="" id="mail"/>
<input type="button" value="测试" id="checkout" onclick="isValidMail(sText)" />
<script type="text/javascript">
 var sText = document.getElementById('mail').value;
 document.getElementById('mail').onblur = function sValue(){
  sText = this.value;
 }
 
 function isValidMail(sText) {
  var reMail = /^(?:[a-zA-Z0-9]+[_\-\+\.]?)*[a-zA-Z0-9]+@(?:([a-zA-Z0-9]+[_\-]?)*[a-zA-Z0-9]+\.)+([a-zA-Z]{2,})+$/;
  alert(reMail.test(sText))
 }
</script>
</body>
</html>

用Javascript正则表达式验证Email地址:等您坐沙发呢!

发表评论

表情
还能输入210个字