Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengesahkan Alamat E-mel dengan jQuery dan Ungkapan Biasa?

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-27 03:46:29103semak imbas

 How to Validate Email Addresses with jQuery and Regular Expressions?

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)
  1. Lakukan pengesahan: Gunakan kaedah jQuery test() untuk menyemak sama ada alamat e-mel sepadan dengan regex.
  2. 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

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!

Kenyataan:
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