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

如何使用 jQuery 和 Regex 有效驗證電子郵件地址?

Mary-Kate Olsen
發布: 2024-10-27 01:51:30
原創
459 人瀏覽過

How to Effectively Validate Email Addresses Using jQuery and Regex?

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

在這篇文章中,我們將深入研究使用jQuery 和正規表示式驗證電子郵件地址,為這項常見任務提供全面的解決方案。

正規表示式

提供的正規表示式旨在徹底驗證電子郵件地址:

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

jQuery 函數

jQuery 函數
$j("#fld_emailaddress").live('change', function() {
    var emailaddress = $j("#fld_emailaddress").val();

    // Regex validation here
    if (!isValidEmailAddress(emailaddress)) {
        // Handle email validation failure here
        // e.g., display error message
    }

    // Continue with AJAX processing
    // ... (your code here) ...
});
登入後複製

jQuery 函數

為了將此驗證無縫整合到您的網站中,我們使用jQuery 函數:

function isValidEmailAddress(emailAddress) {
    var pattern = /^([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;
    return pattern.test(emailAddress);
}
登入後複製

isValidEmailAddress 函數

isValidEmailAddress 函數

if (!isValidEmailAddress(emailaddress)) { /* do stuff here */ }
登入後複製

isValidEmailAddress使用提供的正規表示式檢查電子郵件地址的有效性:

實作

要將此驗證合併到您的程式碼中,您可以將以下行加入您的jQuery 函數:注意事項請記住,沒有正規表示式可以完全驗證電子郵件地址,因為總有例外。然而,這個表達式提供了一個全面的框架來確保大多數電子郵件地址的有效性。

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

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