Misalnya Validasi Email dengan JavaScript (Regex)

Sering kali kami dihadapkan pada kebutuhan untuk memvalidasi bahwa alamat email dimasukkan di bidang tertentu di formulir kami. email yang valid. Pada artikel ini, kita akan mempelajari cara memvalidasi email menggunakan ekspresi reguler (juga dikenal sebagai regex) dalam JavaScript.

Apa itu ekspresi reguler (regex)?

Ekspresi reguler adalah urutan karakter yang menentukan pola pencarian. Dalam hal ini, kami ingin menemukan pola yang mewakili alamat email yang valid.

Ekspresi reguler adalah alat yang ampuh dan fleksibel untuk bekerja dengan string teks dan memvalidasi input data.

Validasi email dengan regex

Untuk memvalidasi bahwa email itu valid, kami harus memverifikasi bahwa formatnya benar, yaitu menyertakan @ dan domain. Untuk ini kami menggunakan ekspresi berikut:

var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Contoh Formulir Lengkap

Dalam contoh berikut, kami menunjukkan cara memvalidasi alamat email menggunakan JavaScript dan ekspresi reguler. Langkah-langkah yang kami ikuti adalah:

1. Kami mendefinisikan fungsi yang disebut validasiMail yang menggunakan argumen email untuk divalidasi.
2. Kami membuat variabel regex A berisi ekspresi reguler untuk memvalidasi email.
3. Kami menggunakan metode tes() ekspresi reguler untuk memeriksa apakah email yang dimasukkan cocok dengan polanya.
4. Jika email tersebut valid, kami menampilkan pesan peringatan yang menunjukkan bahwa email tersebut valid; jika tidak, kami menampilkan pesan peringatan yang menunjukkan bahwa itu tidak valid.
5. Di HTML, kami membuat kolom input bertipe "email" dan tombol yang, saat diklik, memanggil fungsi tersebut validasiMail dengan nilai yang dimasukkan di kolom input.

function validateEmail (mail) {
// Ekspresi reguler untuk memvalidasi email
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Periksa apakah email cocok dengan pola yang ditentukan oleh ekspresi reguler
if (regex.test (email)) {
alert("Email valid");
} else {
alert ("Email Tidak Valid");
}
}

Validasi email dengan JavaScript dan regex

Mengesahkan

Keuntungan dan Kerugian memvalidasi dengan JavaScript

Memvalidasi data input, seperti alamat email, menggunakan JavaScript di sisi klien memiliki kelebihan dan kekurangan:

Keuntungan	Kekurangan
Umpan balik langsung untuk pengguna	Apakah tidak aman
Lebih sedikit beban di server	Kompatibilitas Lintas Browser
Tingkatkan pengalaman pengguna	Duplikasi upaya (sisi klien/server)
Pengurangan waktu respons	Tidak menggantikan validasi di sisi server

Memvalidasi data menggunakan JavaScript bukanlah pengganti validasi sisi server. Namun, hal ini membantu untuk mengurangi beban. Untuk memvalidasi data di sisi server, saya sarankan Anda membaca:

• Validasi Surat dengan PHP