如何使用 jQuery 和正規表示式驗證電子郵件地址？

使用jQuery 和正規表示式驗證電子郵件地址

驗證電子郵件地址對於確保基於電子郵件的通訊到達預期收件人至關重要。一種有效的方法是結合使用正規表示式 (regex) 和 jQuery。

使用jQuery 驗證電子郵件地址

使用以下方法驗證電子郵件地址jQuery，按照以下步驟操作：

1. 取得電子郵件地址：使用jQuery 的val() 方法取得電子郵件輸入欄位的值。
2. 定義正規表示式： 建立符合有效電子郵件地址的正規表示式。提供的正規表示式為：

[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)

3. 執行驗證：使用 jQuery 的 test() 方法檢查電子郵件位址是否與正規表示式相符。
4. 處理驗證結果：根據驗證結果，啟用或停用表單元素並向使用者顯示適當的回饋。

更新的正規表示式 h3>

由於提供的正規表示式相對較舊，建議使用更新版本。這是一個更全面的正規表示式，支援更廣泛的電子郵件地址格式，包括那些帶有地址的格式：

/^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i

結論

使用jQuery 驗證電子郵件地址正規表示式是確保電子郵件通訊準確性和可靠性的有效方法。透過使用提供的更新的正規表示式，您可以確保您的應用程式處理各種電子郵件地址格式。

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