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

2020-03-16 20:51:47

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

簡言

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

郵箱,email,正則表達(dá)式,JavaScript

方案1 (常用)

規(guī)則定義如下：

以大寫字母[A-Z]、小寫字母[a-z]、數(shù)字[0-9]、下滑線[_]、減號[-]及點號[.]開頭，并需要重復(fù)一次至多次[+]。
中間必須包括@符號。
@之后需要連接大寫字母[A-Z]、小寫字母[a-z]、數(shù)字[0-9]、下滑線[_]、減號[-]及點號[.]，并需要重復(fù)一次至多次[+]。
結(jié)尾必須是點號[.]連接2至4位的大小寫字母[A-Za-z]{2,4}。

利用以上規(guī)則給出如下正則表達(dá)式：

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

完整測試代碼

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>郵箱/郵件地址的正則表達(dá)式及分析(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>

測試結(jié)果：

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是最常用的郵件正則表達(dá)式驗證方案，也適合大多數(shù)的應(yīng)用場景。從以上測試可以看出，該表達(dá)式不支持.online及.store結(jié)尾的域名。如需兼容這類域名（大于4位），調(diào)整正則結(jié)尾｛2,4｝的限制部分即可（例：{2,8}）。另一個問題是郵件用戶名不能包括中文。

方案2 （修訂方案1）

規(guī)則補充如下：

用戶名可以包括中文[/u4e00-/u9fa5]
域名結(jié)尾最長可為8位{2,8}
更新后的正則表達(dá)式如下：

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>郵箱/郵件地址的正則表達(dá)式及分析(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>

測試結(jié)果：

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 （安全）

在手機驗證碼出現(xiàn)之前，差不多郵箱驗證是保證用戶唯一性的唯一條件。而臨時郵箱（也稱10分鐘郵箱或一次性郵箱）的出現(xiàn)，則使得郵箱驗證及帳戶激活這種機制失去了意義。而臨時郵箱的地址是不可枚舉的，我們只能才采取白名單的方式，只允許有限的郵箱域名通過驗證。

根據(jù)方案1的補充如下規(guī)則：

郵箱域名只能是163.com，qq.com或者42du.cn。
給出正則表達(dá)式如下：

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

完整測試代碼

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>郵箱/郵件地址的正則表達(dá)式及分析(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>

測試結(jié)果：

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驗證雖然能保證安全性，但是如果白名單太長會造成模式字符串太長。這時可以將郵箱域名白名單寫成數(shù)組，利用正則表達(dá)式做初步驗證，用白名單做域名的二次驗證。

現(xiàn)給出郵箱驗證函數(shù)如下：

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([email protected]);

上述isEmail()函數(shù)列舉了常用的11種郵箱域名，大家可以根據(jù)需要適當(dāng)補充或刪減。

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

注：相關(guān)教程知識閱讀請移步到正則表達(dá)式頻道。

上一篇：C#中正則表達(dá)式與回車換行符問題

下一篇：JavaScript+Regex 身份證號碼的正則表達(dá)式及驗證詳解