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

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

Mary-Kate Olsen
發布: 2024-10-27 03:46:29
原創
221 人瀏覽過

 How to Validate Email Addresses with jQuery and Regular Expressions?

使用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)
登入後複製
  1. 執行驗證:使用 jQuery 的 test() 方法檢查電子郵件位址是否與正規表示式相符。
  2. 處理驗證結果:根據驗證結果,啟用或停用表單元素並向使用者顯示適當的回饋。

更新的正規表示式 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板