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

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

Susan Sarandon
發布: 2024-10-27 03:19:03
原創
241 人瀏覽過

How to Validate Email Addresses Effectively Using jQuery and Regular Expressions?

使用 jQuery 和 Regex 驗證電子郵件地址

在 Web 開發中經常出現驗證電子郵件地址的需求。本文透過使用綜合正規表示式 (regex) 實現基於 jQuery 的驗證機制來解決該主題。

驗證函數

為了開始驗證,使用了一個名為 isValidEmailAddress 的函數。此函數接受電子郵件地址並根據以下正規表示式模式對其進行評估:

^([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
登入後複製

此正規表示式考慮了有效電子郵件地址中使用的廣泛字元和格式。它支援引用的本機部分、位址中的註解以及網域部分中的 IPv4 和 IPv6 文字。

與jQuery 整合

要將驗證合併到提供的jQuery 函數中,只需包含更改事件處理程序中的以下程式碼:

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>
登入後複製

此程式碼片段啟動驗證並根據結果繼續執行適當的操作。無論電子郵件地址是否有效,都可以向使用者顯示適當的訊息。

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

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