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
458 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!

sumber:php.cn
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