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

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

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>

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!