首頁 >web前端 >js教程 >如何使用 JavaScript 正規表示式驗證電子郵件地址?

如何使用 JavaScript 正規表示式驗證電子郵件地址?

Patricia Arquette
Patricia Arquette原創
2025-01-01 14:46:11629瀏覽

How to Validate Email Addresses Using JavaScript Regular Expressions?

如何在JavaScript 中驗證電子郵件地址

驗證使用者輸入的電子郵件地址對於防止向伺服器發送資料或發送資料時出現錯誤至關重要電子郵件。 JavaScript 提供了一種使用正規表示式驗證電子郵件地址的便捷方法。

正規表示式提供了一種強大的方法來匹配和驗證電子郵件地址。常用的正規表示式是:

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};

此表達式比對符合以下條件的電子郵件地址:

  • 包含本地部分(@ 符號之前的部分),其中包含由字母、數字、點、破折號或底線組成。
  • 包含域部分(@ 符號之後的部分),其中包含主機名稱後面跟著可選連接埠號碼。
  • 允許使用引號的位址(例如「example@domain.com」)。
  • 將位址與 Unicode 字元配對。

雖然由於 JavaScript 可能被停用,不建議單獨依賴客戶端驗證,但它可以提供第一道防線。以下是使用 JavaScript 驗證電子郵件地址的範例:

const validateEmail = (email) => {
  return email.match(
    /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  );
};

然後可以在表單或使用者輸入欄位中使用此驗證函數,以提供有關電子郵件地址有效性的即時回饋。

以上是如何使用 JavaScript 正規表示式驗證電子郵件地址?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn