足球新人:JavaScript email邮箱/邮件地址的正则表达式及分析

足球竞彩网 www.2ts2.com.cn  更新时间: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('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
</body>
</html>

测试结果:

pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = false;
pattern.test('毛三胖@42du.cn') = false;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = 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('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
</body>
</html>

测试结果:

pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = 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('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('[email protected]') = "+pattern.test('[email protected]')+";");
  w("pattern.test('毛三胖[email protected]') = "+pattern.test('毛三胖@42du.cn')+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
</body>
</html>

测试结果:

pattern.test('[email protected]') = true;
pattern.test('[email protected]') = false;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = true;
pattern.test('[email protected]') = false;
pattern.test('毛三胖[email protected]') = 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([email protected]);

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

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

相关文章

  • 正则表达式简单的检查输入email是否合法程序

    正则表达式简单的检查输入email是否合法程序

    正则表达式简单的检查输入email是否合法程序...
    2007-04-04
  • 浅析正则表达式-替换原则(.NET) 图文

    浅析正则表达式-替换原则(.NET) 图文

    最近经常用到替换的东西所以就出来整理下,这里要分享的是正则表达式里面的替换原则,首先要声明的是这里提及到的替换原则是.NET里面的正则表达式的替换原则
    2016-05-05
  • Java正则表达式学习教程

    Java正则表达式学习教程

    这篇文章主要是关于Java正则表达式的学习教程,本教程的目的在于帮助你驾驭Java正则表达式,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 谈谈我对正则表达式的认识

    谈谈我对正则表达式的认识

    正则表达式(Regular Expression)是一个概念,一种语法、句法的约定。每一种具体的语句(C#,Java,JavaScript)有其对于正则表达式的具体实现,并且会有差别。正则表达式30分钟入门教程讲述的是.net(C#)的正则表达式
    2014-02-02
  • 正则表达式之全部符号对照表

    正则表达式之全部符号对照表

    下面一骗整理的比较详细的函数对照表,放到大家在书写正则的时候参考下
    2008-09-09
  • Further Study of Rugular Expresions

    Further Study of Rugular Expresions

    regular expressions(正则表达式,以下用re称呼)对小弟来说一直都是神密的地带,看到一些网络上的大大,简单用re就决解了 某些文字的问题
    2008-09-09
  • 正则中需要转义的特殊字符小结

    正则中需要转义的特殊字符小结

    正则表达式中的特殊字符,就是一些有特殊含义的字符,如“*.txt”中的*,简单的说就是表示任何字符串的意思
    2012-10-10
  • 正则表达式环视概念与用法分析

    正则表达式环视概念与用法分析

    这篇文章主要介绍了正则表达式环视概念与用法,具体分析了环视的概念、分类、使用方法及相关注意事项,需要的朋友可以参考下
    2017-06-06
  • C# 正则表达式 使用介绍

    C# 正则表达式 使用介绍

    最近写爬虫时需要用到正则表达式,有段时间没有使用正则表达式现在渐渐感觉有些淡忘,现在使用还需要去查询一些资料
    2006-07-07
  • 用正则提取全部的匹配结果的代码

    用正则提取全部的匹配结果的代码

    正则获取匹配的结果,使用match 获取匹配结果数组但又不能获取到子表达式匹配结果
    2011-06-06

最新评论