Bagaimana untuk Mengesahkan Alamat E-mel dengan jQuery dan Ungkapan Biasa?

Mengesahkan Alamat E-mel Menggunakan jQuery dan Ungkapan Biasa

Mengesahkan alamat e-mel adalah penting untuk memastikan komunikasi berasaskan e-mel sampai kepada penerima yang dimaksudkan . Satu cara yang berkesan untuk melakukan ini ialah dengan menggunakan ungkapan biasa (regex) bersama-sama dengan jQuery.

Mengesahkan Alamat E-mel dengan jQuery

Untuk mengesahkan alamat e-mel menggunakan jQuery, ikut langkah berikut:

1. Dapatkan alamat e-mel: Ambil nilai medan input e-mel menggunakan kaedah val() jQuery.
2. Tentukan ungkapan biasa: Cipta regex yang sepadan dengan alamat e-mel yang sah. Regex yang disediakan ialah:

[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)

3. Lakukan pengesahan: Gunakan kaedah jQuery test() untuk menyemak sama ada alamat e-mel sepadan dengan regex.
4. Kendalikan keputusan pengesahan: Berdasarkan hasil pengesahan, dayakan atau lumpuhkan elemen borang dan paparkan maklum balas yang sesuai kepada pengguna.

Ungkapan Biasa Dikemas Kini

Memandangkan regex yang disediakan agak lama, adalah disyorkan untuk menggunakan versi yang dikemas kini. Berikut ialah regex yang lebih komprehensif yang menyokong pelbagai format alamat e-mel yang lebih luas, termasuk yang mempunyai alamat:

/^([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

Salin selepas log masuk

Conclusion

Mengesahkan alamat e-mel menggunakan jQuery dan regex ialah cara yang berkesan untuk memastikan ketepatan dan kebolehpercayaan komunikasi e-mel. Dengan menggunakan regex dikemas kini yang disediakan, anda boleh memastikan bahawa aplikasi anda mengendalikan pelbagai format alamat e-mel.

Atas ialah kandungan terperinci Bagaimana untuk Mengesahkan Alamat E-mel dengan jQuery dan Ungkapan Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!