「來源： ｜web前端開發 ID：web_qdkf」

如何使用JavaScript驗證email的正確性？今天這個內容將做一個小小的總結，希望對你有所幫助。

方式一：簡單驗證

對於想要以以下形式進行真正簡單驗證的人

fly63@email。com

正則表示式：

/\S+@\S+\。\S+/

要防止匹配多個@ 符號（推薦使用）：

/^［^\s@］+@［^\s@］+\。［^\s@］+$/

JavaScript 函式示例：

functionvalidateEmail（email） {var re = /^［^\s@］+@［^\s@］+\。［^\s@］+$/；return re。test（email）；}console。log（validateEmail（fly63@email。com‘））；

這樣能保證使用者輸入的郵箱沒有明顯的錯誤，絕大部分是正確的，而且效率是最高的。

方式二：官網標準

官方標準稱為RFC 2822。它描述了有效電子郵件地址必須遵守的語法。使用這個正則表示式來實現它：

（？：［a-z0-9！#$%&’*+/=？^_`{|}~-］+（？：\。［a-z0-9！#$%&‘*+/=？^_`{|}~-］+）*|“（？：［\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f］|\\［\x01-\x09\x0b\x0c\x0e-\x7f］）*”）@（？：（？：［a-z0-9］（？：［a-z0-9-］*［a-z0-9］）？\。）+［a-z0-9］（？：［a-z0-9-］*［a-z0-9］）？|\［（？：（？：25［0-5］|2［0-4］［0-9］|［01］？［0-9］［0-9］？）\。）{3}（？：25［0-5］|2［0-4］［0-9］|［01］？［0-9］［0-9］？|［a-z0-9-］*［a-z0-9］：（？：［\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f］|\\［\x01-\x09\x0b\x0c\x0e-\x7f］）+）\］）

如果我們省略使用雙引號和方括號的語法，我們將獲得更實用的 RFC 2822 實現。它仍然會匹配今天實際使用的所有電子郵件地址的 99。99%。

［a-z0-9！#$%&’*+/=？^_`{|}~-］+（？：\。［a-z0-9！#$%&‘*+/=？^_`{|}~-］+）*@（？：［a-z0-9］（？：［a-z0-9-］*［a-z0-9］）？\。）+［a-z0-9］（？：［a-z0-9-］*［a-z0-9］）？

方式三：html5表單驗證

html5 本身具有電子郵件驗證功能。如果您的瀏覽器支援 HTML5，那麼您可以使用以下程式碼。

只需檢查輸入的電子郵件地址是否有效或不使用 HTML，無需編寫用於驗證的函式。

需要注意的是：存在瀏覽器相容性。

學習更多技能