用javascript正则表达式验证email地址...
时间:2010-08-11 来源:javaclan
先看如下一段代码:
function isValidMail(sText){ var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; return reMail.test(sText); }
似乎这样验证像[email protected]这样的邮箱是没问题的。但,由于仔细看一下在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;" mce_style="background:#fff;"> <p style="margin-bottom:20px;" mce_style="margin-bottom:20px;"> 输入Email地址,点击测试,错误的地址将返回 false...正确的,显示成? 自己猜: </p> <input type="text" value="" id="mail"/> <input type="button" value="测试" id="checkout" onclick="isValidMail(sText)" /> <mce: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)) } // --></mce:script> </body> </html>