Rumah > hujung hadapan web > tutorial js > Bagaimana Mengesahkan Alamat E-mel Dengan Berkesan Menggunakan jQuery dan Regex?

Bagaimana Mengesahkan Alamat E-mel Dengan Berkesan Menggunakan jQuery dan Regex?

Mary-Kate Olsen
Lepaskan: 2024-10-27 01:51:30
asal
517 orang telah melayarinya

How to Effectively Validate Email Addresses Using jQuery and Regex?

Cara Mengesahkan Alamat E-mel Menggunakan jQuery dan Regex

Dalam siaran ini, kami akan menyelidiki alamat e-mel yang mengesahkan menggunakan jQuery dan regex, menyediakan penyelesaian yang komprehensif untuk tugas biasa ini.

Ungkapan Regex

Ungkapan regex yang disediakan direka bentuk untuk mengesahkan alamat e-mel secara menyeluruh:

^[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)$
Salin selepas log masuk

Fungsi jQuery

Untuk menyepadukan dengan lancar pengesahan ini ke dalam tapak web anda, kami menggunakan fungsi 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) ...
});
Salin selepas log masuk

isValidEmailAddress Function

Fungsi isValidEmailAddress menyemak kesahihan alamat e-mel menggunakan ungkapan regex yang disediakan:

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);
}
Salin selepas log masuk

Pelaksanaan

Untuk memasukkan pengesahan ini dalam kod anda, anda boleh tambahkan baris berikut pada fungsi jQuery anda:

if (!isValidEmailAddress(emailaddress)) { /* do stuff here */ }
Salin selepas log masuk

Pertimbangan

Ingat bahawa tiada ungkapan regex boleh mengesahkan alamat e-mel sepenuhnya, kerana sentiasa ada pengecualian. Walau bagaimanapun, ungkapan ini menyediakan rangka kerja yang komprehensif untuk memastikan kesahihan kebanyakan alamat e-mel.

Atas ialah kandungan terperinci Bagaimana Mengesahkan Alamat E-mel Dengan Berkesan Menggunakan jQuery dan Regex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan