get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是通过JS正则表达式实现验证邮件的代码，一起来学习了解下吧！
【 tulaoshi.com - Web开发 】
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
导读：在Javascript中验证邮件的代码十分常见，网上能找到许多，主要是通过JS的正则表达式来实现，本文主要讨论这一十分常见的代码，适合新手阅读学习
白天总是玩着不看书，这两晚却很神奇地因为睡不着起来看书，正则表达式。很好玩的东西。《Javascript 高级程序设计》是本好书，写得很系统。不过，在正则表达式那一章，看到验证电子邮件那里，似乎把正式表达式给写错了，也被我不小心发现了。
原代码是这样的：
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"所代表的字符包括下划线，不用缩写是这样的：
因此，上面的代码可以这样进行改装：
function isValidMail(sText) {
var reMail = /^(？:[a-zd]+[_-+.]？)*[a-zd]+@(？:([a-zd]+-？)*[a-zd]+.)+([a-z]{2,})+$/i;
alert(reMail.test(sText))
}
其实，通常这样写就可以了，对吧。要更深入，还可以考虑AT后面的各个点后面，不应该用相同的字母，比如.com.cn.com.cn（很显然，这样的域名还是有的，我错了，感谢@同学的提醒，真的有人这么囧这样做么？）这样是不被请允许的。可以考虑一下利用捕获性引用进行储存，并进行比较验证。当做一道练习题吧（突然感觉好像在学高中的数学题）。
来源:https://www.tulaoshi.com/n/20160220/1633348.html
看过《通过JS正则表达式实现验证邮件的代码》的人还看了以下文章 更多>>
