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

時間 2019-12-20

標籤 javascript email 郵箱郵件地址正則表達式分析欄目 JavaScript 简体版

原文原文鏈接

在作用戶註冊時，常會用到郵箱/郵件地址的正則表達式。本文列舉了幾種方案，你們能夠根據本身的項目狀況，選擇最適合的方案。
方案1 (經常使用)html

規則定義以下：前端

以大寫字母[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>
歡迎加入全棧開發交流划水交流圈：582735936
面向划水1-3年前端人員
幫助突破划水瓶頸，提高思惟能力
  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>

測試結果：
安全

方案1說明dom

方案1是最經常使用的郵件正則表達式驗證方案，也適合大多數的應用場景。從以上測試能夠看出，該表達式不支持.online及.store結尾的域名。如需兼容這類域名（大於4位），調整正則結尾｛2,4｝的限制部分便可（例：{2,8}）。另外一個問題是郵件用戶名不能包括中文。函數

方案2 （修訂方案1）測試

規則補充以下：spa

用戶名能夠包括中文[u4e00-u9fa5]
域名結尾最長可爲8位{2,8}
更新後的正則表達式以下：

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

完整測試代碼.net

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>郵箱/郵件地址的正則表達式及分析(JavaScript，email，regex)</title>
</head>
<body>
<div id="main"></div>
<script>
歡迎加入全棧開發交流划水交流圈：582735936
面向划水1-3年前端人員
幫助突破划水瓶頸，提高思惟能力
  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>

測試結果：

方案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(<a href="mailto:cn42du@163.com" rel="external nofollow">cn42du@163.com</a>);

上述isEmail()函數列舉了經常使用的11種郵箱域名，你們能夠根據須要適當補充或刪減。

以上爲三胖對郵箱正則表達式的理解和分析，若有不足請你們予以指正。