JavaScript email郵箱/郵件地址的正則表達式及分析

 更新時間:2019-04-17 21:43:10   作者:佚名   我要評論(0)

簡言
在做用戶注冊時,常會用到郵箱/郵件地址的正則表達式。本文列舉了幾種方案,大家可以根據自己的項目情況,選擇最適合的方案。

方案1 (常用)
規則定義如

簡言

在做用戶注冊時,常會用到郵箱/郵件地址的正則表達式。本文列舉了幾種方案,大家可以根據自己的項目情況,選擇最適合的方案。

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('ifat3_-[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種郵箱域名,大家可以根據需要適當補充或刪減。

以上為三胖對郵箱正則表達式的理解和分析,如有不足請大家予以指正。

您可能感興趣的文章:

  • js正則表達式 匹配兩個特定字符間的內容示例
  • JS使用正則表達式獲取小括號、中括號及花括號內容的方法示例
  • JavaScript+Regex 身份證號碼的正則表達式及驗證詳解
  • 密碼強度的正則表達式兩種方案JS總結篇
  • 詳解js正則表達式驗證時間格式xxxx-xx-xx形式
  • JS正則表達式替換url參數的方法
  • 80%應聘者都不及格的JS面試題
  • Javascript前端經典的面試題及答案
  • AngularJS 面試題集錦
  • js前端面試題及答案整理(一)
  • 一道常被人輕視的web前端常見面試題(JS)
  • 13道關于JavaScript正則表達式的面試題

相關文章

  • JavaScript email郵箱/郵件地址的正則表達式及分析

    JavaScript email郵箱/郵件地址的正則表達式及分析

    簡言 在做用戶注冊時,常會用到郵箱/郵件地址的正則表達式。本文列舉了幾種方案,大家可以根據自己的項目情況,選擇最適合的方案。 方案1 (常用) 規則定義如
    2019-04-17
  • 淺談php使用curl模擬多線程發送請求

    淺談php使用curl模擬多線程發送請求

    每個PHP文件的執行是單線程的,但是php本身也可以用一些別的技術實現多線程并發比如用php-fpm進程,這里用curl模擬多線程發送請求。php的curl多線程是通過不斷
    2019-04-17
  • web下載文件和跳轉的方法

    web下載文件和跳轉的方法

    如果不通過JSP和servlet直接下載文件的話,可以通過web.xml文件來識別文件類型來進行下載。如果要通過servlet來下載的話,可以如下所示來進行下載: 但是這
    2019-04-17
  • ASP.NET Core WebApi中使用FluentValidation驗證數據模型的方法

    ASP.NET Core WebApi中使用FluentValidation驗證數據模型的方法

    介紹 驗證用戶輸入是一個Web應用中的基本功能。對于生產系統,開發人員通常需要花費大量時間,編寫大量的代碼來完成這一功能。如果我們使用FluentValidation
    2019-04-17
  • Node.js + express基本用法教程

    Node.js + express基本用法教程

    本文實例講述了Node.js + express基本用法。分享給大家供大家參考,具體如下: 這里來講下 express 框架的使用,編譯的環境是 VS Code ,這里我已經配飾了阿
    2019-04-17
  • 正則表達式re.sub替換不完整的問題及完整解決方案

    正則表達式re.sub替換不完整的問題及完整解決方案

    title: 正則表達式re.sub替換不完整的問題現象及其根本原因 toc: true comment: true date: 2018-08-27 21:48:22 tags: ["Python", "正則表達式"]
    2019-04-17
  • tomcat共享多個web應用會話的實現方法

    tomcat共享多個web應用會話的實現方法

    tomcat共享多個web應用會話的實現方法 問題 今天有位朋友問了個問題,大致是:tomcat下兩個Java web,一個是商城,一個是直播,從商城登錄后,再跳轉到直播,
    2019-04-17
  • vue自定義指令用法經典實例小結

    vue自定義指令用法經典實例小結

    本文實例總結了vue自定義指令用法。分享給大家供大家參考,具體如下: 自定義指令: 一、屬性: Vue.directive(指令名稱,function(參數){ this.el -> 原生
    2019-04-17
  • C#中正則表達式與回車換行符問題

    C#中正則表達式與回車換行符問題

    C#中,讀取文本文件內容,里面往往有許多回車換行符(“\r\n”),雖然一般不可見,但卻實實在在的存在。這時候,使用正則表示式進行匹配,需要考慮其存在。今
    2019-04-17
  • vue自定義鍵盤信息、監聽數據變化的方法示例【基于vm.$watch】

    vue自定義鍵盤信息、監聽數據變化的方法示例【基于vm.$watch】

    本文實例講述了vue自定義鍵盤信息、監聽數據變化的方法。分享給大家供大家參考,具體如下: @keydown.up @keydown.enter @keydown.a/b/c.... 自定義鍵盤信
    2019-04-17

最新評論

双色球基本走势图200