Bagaimana untuk menentukan sama ada alamat e-mel sah dalam jquery

JQuery ialah perpustakaan Javascript yang popular, dan sintaksnya yang fleksibel dan mudah telah menjadikannya salah satu alatan yang diperlukan untuk pembangunan bahagian hadapan. Dalam aplikasi web, alamat e-mel selalunya perlu disahkan. Jadi, bagaimana untuk menggunakan JQuery untuk menentukan sama ada alamat e-mel itu sah? Kami akan meneroka isu ini di bawah.

Sebelum menilai alamat e-mel, kami perlu menjelaskan terlebih dahulu apakah alamat e-mel yang sah. Alamat e-mel yang sah hendaklah mematuhi peraturan berikut:

1. mesti mengandungi simbol "@" yang memisahkan nama pengguna dan nama domain.
2. Mesti mengandungi nama domain peringkat teratas (seperti .com, .cn, .org, dll.).
3. Nama domain mesti mengandungi sekurang-kurangnya satu simbol "." untuk memisahkan nama domain yang berbeza.

Sekarang, mari kita lihat cara menggunakan JQuery untuk pengesahan e-mel.

Langkah 1: Dapatkan alamat e-mel yang dimasukkan oleh pengguna

Kita perlu menggunakan JQuery untuk mendapatkan alamat e-mel yang dimasukkan oleh pengguna. Antaranya, kita boleh menggunakan kaedah val() JQuery untuk mendapatkan nilai dalam kotak input. Kod sampel adalah seperti berikut:

var email = $('#email_input').val();

di mana, #email_input ialah id kotak input pengguna.

Langkah 2: Sahkan alamat e-mel dengan ungkapan biasa

Selepas mendapatkan alamat e-mel yang dimasukkan oleh pengguna, kami perlu menggunakan ungkapan biasa untuk mengesahkan sama ada alamat e-mel itu sah. JQuery menggunakan objek RegExp untuk padanan ungkapan biasa.

Sebelum menggunakan ungkapan biasa, kita perlu mengetahui peraturan ungkapan biasa. Ungkapan biasa alamat e-mel asas adalah seperti berikut:

var emailPattern = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

di mana ungkapan biasa dilampirkan dalam garis miring (/). Ia mengandungi tiga bahagian, iaitu:

1. Nama Pengguna: Ia mengandungi huruf kecil, nombor, garis bawah, titik dan sempang serta boleh muncul berulang kali.
2. Nama domain: Mengandungi huruf kecil, nombor, titik dan sempang serta boleh muncul berulang kali.
3. Nama domain peringkat atas: Mengandungi huruf kecil dan titik.

Kod pengesahan ungkapan biasa adalah seperti berikut:

if(emailPattern.test(email)){
  // valid email
} else {
  // invalid email
}

Antaranya, kaedah test() digunakan untuk menyemak sama ada rentetan sepadan dengan corak tertentu. Kaedah test() akan kembali benar jika alamat e-mel sepadan dengan corak, sebaliknya palsu.

Langkah 3: Paparkan hasil pengesahan

Selepas menyemak alamat e-mel yang dimasukkan oleh pengguna, kami perlu memaparkan hasil pengesahan kepada pengguna. Anda boleh menggunakan kaedah text() atau html() JQuery untuk memaparkan hasil pengesahan. Kod sampel adalah seperti berikut:

if(emailPattern.test(email)){
  $('#email_validation_message').text('该邮箱地址有效！');
} else {
  $('#email_validation_message').text('该邮箱地址无效！');
}

Di mana, #email_validation_message ialah id elemen HTML yang digunakan untuk memaparkan hasil pengesahan.

Ringkasan

Sangat mudah untuk menggunakan JQuery untuk menentukan sama ada alamat e-mel itu sah. Kami hanya perlu mendapatkan alamat e-mel yang dimasukkan oleh pengguna dan mengesahkannya menggunakan ungkapan biasa. Jika keputusan pengesahan adalah benar, ini bermakna alamat e-mel adalah sah, sebaliknya, ia bermakna alamat e-mel itu tidak sah. Pada masa yang sama, kami juga boleh menggunakan JQuery untuk memaparkan hasil pengesahan supaya pengguna dapat memahami hasil pengesahan secara intuitif.

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada alamat e-mel sah dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!