首页 > 网络编程 > 正则表达式 > 正文

JavaScript email邮箱/邮件地址的正则表达式及分析_正则表达式

2018-10-12 20:34:06

简言

在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适合的方案。

Email正则表达式

方案1 (常用)

规则定义如下:

  • 以大写字母[A-Z]、小写字母[a-z]、数字[0-9]、下滑线[_]、减号[-]及点号[.]开头,并需要重复一次至多次[+]。
  • 中间必须包括@符号。
  • @之后需要连接大写字母[A-Z]、小写字母[a-z]、数字[0-9]、下滑线[_]、减号[-]及点号[.],并需要重复一次至多次[+]。
  • 结尾必须是点号[.]连接2至4位的大小写字母[A-Za-z]{2,4}。

利用以上规则给出如下正则表达式:

var pattern = /^([A-Za-z0-9_/-/.])+/@([A-Za-z0-9_/-/.])+/.([A-Za-z]{2,4})$/;

完整测试代码

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>邮箱/邮件地址的正则表达式及分析(JavaScript,email,regex)</title></head><body><div id="main"></div><script>  var pattern = /^([A-Za-z0-9_/-/.])+/@([A-Za-z0-9_/-/.])+/.([A-Za-z]{2,4})$/;  w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");  w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");  w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");  w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");  w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");  w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");  function w(val) {    document.getElementById("main").innerHTML += val +"<br />";  }</script></body></html>

测试结果:

pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('毛三胖@42du.cn') = false;
pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('毛三胖@42du.cn') = false;

方案1说明

方案1是最常用的邮件正则表达式验证方案,也适合大多数的应用场景。从以上测试可以看出,该表达式不支持.online及.store结尾的域名。如需兼容这类域名(大于4位),调整正则结尾{2,4}的限制部分即可(例:{2,8})。另一个问题是邮件用户名不能包括中文。

方案2 (修订方案1)

规则补充如下:

  • 用户名可以包括中文[/u4e00-/u9fa5]
  • 域名结尾最长可为8位{2,8}
  • 更新后的正则表达式如下:
var pattern = /^([A-Za-z0-9_/-/./u4e00-/u9fa5])+/@([A-Za-z0-9_/-/.])+/.([A-Za-z]{2,8})$/;

完整测试代码

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>邮箱/邮件地址的正则表达式及分析(JavaScript,email,regex)</title></head><body><div id="main"></div><script>  var pattern = /^([A-Za-z0-9_/-/./u4e00-/u9fa5])+/@([A-Za-z0-9_/-/.])+/.([A-Za-z]{2,8})$/;  w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");  w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");  w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");  w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");  w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");  w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");  function w(val) {    document.getElementById("main").innerHTML += val +"<br />";  }</script></body></html>

测试结果:

pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = true;
pattern.test('毛三胖@42du.cn') = true;

方案3 (安全)

在手机验证码出现之前,差不多邮箱验证是保证用户唯一性的唯一条件。而临时邮箱(也称10分钟邮箱或一次性邮箱)的出现,则使得邮箱验证及帐户激活这种机制失去了意义。而临时邮箱的地址是不可枚举的,我们只能才采取白名单的方式,只允许有限的邮箱域名通过验证。

根据方案1的补充如下规则:

邮箱域名只能是163.com,qq.com或者42du.cn。
给出正则表达式如下:

var pattern = /^([A-Za-z0-9_/-/.])+/@(163.com|qq.com|42du.cn)$/;

完整测试代码

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>邮箱/邮件地址的正则表达式及分析(JavaScript,email,regex)</title></head><body><div id="main"></div><script>  var pattern = /^([A-Za-z0-9_/-/.])+/@(163.com|qq.com|42du.cn)$/;  w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");  w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");  w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");  w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");  w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");  w("pattern.test('毛三胖dd@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");  function w(val) {    document.getElementById("main").innerHTML += val +"<br />";  }</script></body></html>

测试结果:

pattern.test('cn42du@163.com') = true;pattern.test('ifat3@sina.com.cn') = false;pattern.test('ifat3.it@163.com') = true;pattern.test('ifat3_-.@42du.cn') = true;pattern.test('ifat3@42du.online') = false;pattern.test('毛三胖dd@42du.cn') = false;

方案3验证虽然能保证安全性,但是如果白名单太长会造成模式字符串太长。这时可以将邮箱域名白名单写成数组,利用正则表达式做初步验证,用白名单做域名的二次验证。

现给出邮箱验证函数如下:

var isEmail = function (val) {  var pattern = /^([A-Za-z0-9_/-/.])+/@([A-Za-z0-9_/-/.])+/.([A-Za-z]{2,4})$/;  var domains= ["qq.com","163.com","vip.163.com","263.net","yeah.net","sohu.com","sina.cn","sina.com","eyou.com","gmail.com","hotmail.com","42du.cn"];  if(pattern.test(val)) {    var domain = val.substring(val.indexOf("@")+1);    for(var i = 0; i< domains.length; i++) {      if(domain == domains[i]) {        return true;      }    }  }  return false;}// 输出 trueisEmail(cn42du@163.com);

上述isEmail()函数列举了常用的11种邮箱域名,大家可以根据需要适当补充或删减。

以上为三胖对邮箱正则表达式的理解和分析,如有不足请大家予以指正。

  • 相关标签:正则表达式
  • 本文发布HTML5中文学习网 ,转载请注明出处,感谢您!
  • 相关文章


  • 曝网友假装外国人写投诉信 ofo秒退押金并回函致歉
  • 苹果市值缩水逾2000亿美元 遭多家投行下调目标价
  • Asp.net Core与类库读取配置文件信息的方法_实用技巧
  • asp.net在Repeater嵌套的Repeater中使用复选框详解_实用技巧
  • 利用IIS调试ASP.NET网站程序的完整步骤_实用技巧
  • Asp.Net Core轻松学习系列之配置文件_实用技巧
  • ASP.NET 页生命周期概述(小结)_实用技巧
  • 详解ASP.NET Core WebApi 返回统一格式参数_实用技巧
  • 2018年网络流行语有哪些?2018年十大网络流行语盘点
  • 华为首席财务官孟晚舟被暂扣 深圳市政府要求加方立即放人!
  • 独孤九贱(4)_PHP视频教程

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    独孤九贱(1)_HTML5视频教程

    《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门视频教程之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    作者信息

    kevin

    永远在学习的路上!

    相关教程

  • javascript初级视频教程 javascript初级视频教程
  • jquery 基础视频教程 jquery 基础视频教程
  • javascript三级联动视频教程 javascript三级联动视频教程
  • 独孤九贱(3)_JavaScript视频教程 独孤九贱(3)_JavaScript视频教程
  • 独孤九贱(6)_jQuery视频教程 独孤九贱(6)_jQuery视频教程
  • 热门教程