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

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

Susan Sarandon
Lepaskan: 2024-10-27 03:19:03
asal
249 orang telah melayarinya

How to Validate Email Addresses Effectively Using jQuery and Regular Expressions?

Mengesahkan Alamat E-mel Menggunakan jQuery dan Regex

Keperluan untuk mengesahkan alamat e-mel sering timbul dalam pembangunan web. Artikel ini menangani topik dengan melaksanakan mekanisme pengesahan berasaskan jQuery menggunakan ungkapan biasa yang komprehensif (regex).

Fungsi Pengesahan

Untuk memulakan pengesahan, fungsi bernama isValidEmailAddress digunakan. Fungsi ini menerima alamat e-mel dan menilainya berdasarkan corak regex berikut:

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

regex ini merangkumi julat luas aksara dan format yang digunakan dalam alamat e-mel yang sah. Ia menyokong bahagian tempatan yang dipetik, ulasan dalam alamat dan kedua-dua literal IPv4 dan IPv6 dalam bahagian domain.

Penyatuan dengan jQuery

Untuk memasukkan pengesahan ke dalam fungsi jQuery yang disediakan, cuma masukkan kod berikut dalam pengendali peristiwa perubahan:

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>
Salin selepas log masuk

Coretan ini memulakan pengesahan dan meneruskan dengan tindakan yang sesuai berdasarkan keputusan. Sama ada alamat e-mel itu sah atau tidak, mesej yang sesuai boleh dipaparkan kepada pengguna.

Atas ialah kandungan terperinci Bagaimana Mengesahkan Alamat E-mel Dengan Berkesan Menggunakan jQuery dan Ungkapan Biasa?. 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