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

更新时间：2018年03月18日 21:45:58 作者：毛三胖

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

简言

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

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;
}
// 输出 true
isEmail(cn42du@163.com);

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

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

您可能感兴趣的文章:

正则表达式运算符优先级介绍
正则表达式从左到右进行计算，并遵循优先级顺序，这与算术表达式非常类似
2016-05-05
利用正则表达式从字符串中提取浮点数的实例详解
Python中使用re模块的正则表达式,可以高效从字符串中提取浮点数,此方法适用于从各种文本中提取数字信息,对正则表达式提取浮点数相关知识感兴趣的朋友跟随小编一起看看吧
2024-09-09
使用正则表达式实现网页爬虫的思路详解
网页爬虫：就是一个程序用于在互联网中获取指定规则的数据。这篇文章主要介绍了使用正则表达式实现网页爬虫的思路详解,需要的朋友可以参考下
2018-12-12
用Javascript正则实现url链接的解析类
一个非常健全的 Javascript 链接(URL)解析类，他用了正则表达式可以准确获取一个完整的 URL 中每个部分的内容，包括协议、URL中包含的用户名和密码、主机名、端口、路径名、参数、锚点(Fragment Anchor)等信息
2008-06-06
String字符串匹配javascript 正则表达式
本文给大家介绍String字符串匹配javascript 正则表达式的相关知识，涉及到相关方法的使用总结，介绍的非常详细，具有参考借鉴价值，需要的朋友一起学习吧
2016-04-04
$正则表达式\w元字符使用介绍$
正则表达式\w元字符使用介绍
这篇文章主要介绍了正则表达式\w元字符使用介绍\w元字符用来匹配单词字符，它等价于"[a-zA-Z0-9]",需要的朋友可以参考下
2016-12-12
详解Java判断是否是整数，小数或实数的正则表达式
这篇文章主要介绍了详解Java判断是否是整数，小数或实数的正则表达式,非常具有实用价值，需要的朋友可以参考下。
2016-12-12
JAVA中正则表达式匹配，替换，查找，切割的方法
本文主要给大家介绍java正则表达式匹配，替换，查找，切割的方法，查找是用string类中的split(),字符串中的替换是replace(),感兴趣的朋友一起来学习吧
2015-09-09
js中exec、test、match、search、replace、split用法
exec、test、match、search、replace、split在JS中用的很频繁，在网上看到对这些方法的总结，就转过来了，作个记录
2012-08-08
用Java正则去掉字符串中重复出现的字符
abcde 顺序可以不一样，也就是去掉重复出现的字符
2010-12-12

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具