JavaScript中常用的email郵箱/郵件地址正則表達式有哪些

這篇文章給大家分享的是有關JavaScript中常用的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]);

感謝各位的閱讀！關于“JavaScript中常用的email郵箱/郵件地址正則表達式有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當前標題：JavaScript中常用的email郵箱/郵件地址正則表達式有哪些
文章路徑：http://www.2m8n56k.cn/article18/ggdigp.html

成都網站建設公司_創新互聯，為您提供定制開發、品牌網站設計、建站公司、手機網站建設、ChatGPT、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

JavaScript中常用的email郵箱/郵件地址正則表達式有哪些