Valid Email Address Regex Javascript

Valid Email Address Regex Javascript

4 min read Jun 18, 2024
Valid Email Address Regex Javascript

Validasi Alamat Email dengan Regex di JavaScript

Validasi alamat email adalah langkah penting dalam pengembangan aplikasi web untuk memastikan input pengguna sesuai dengan format yang benar. Regular Expression (Regex) merupakan alat yang sangat berguna untuk melakukan validasi ini. Dalam artikel ini, kita akan membahas penggunaan regex untuk memvalidasi alamat email di JavaScript.

Memahami Regex untuk Email

Regex adalah bahasa yang digunakan untuk mencocokkan pola dalam teks. Untuk memvalidasi alamat email, kita membutuhkan regex yang dapat mencocokkan format umum email, seperti:

  • Username: Bagian sebelum simbol "@"
    • Dapat berisi huruf, angka, dan beberapa karakter khusus seperti titik (.), garis bawah (_), dan tanda hubung (-).
  • Domain: Bagian setelah simbol "@"
    • Harus berisi setidaknya satu titik (.) untuk memisahkan nama domain dan ekstensi domain.
    • Dapat berisi huruf, angka, dan tanda hubung (-).
  • Ekstensi Domain: Bagian terakhir dari alamat email.
    • Biasanya terdiri dari 2-4 karakter seperti "com", "net", "org", atau "edu".

Implementasi dalam JavaScript

Berikut adalah contoh penggunaan regex untuk memvalidasi alamat email di JavaScript:

function validateEmail(email) {
  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return re.test(email);
}

const email1 = "[email protected]";
const email2 = "john.doe@example";
const email3 = "[email protected]";

console.log(validateEmail(email1)); // true
console.log(validateEmail(email2)); // false
console.log(validateEmail(email3)); // false

Penjelasan:

  • re adalah variabel yang menyimpan regex untuk memvalidasi alamat email.
  • ^[^\s@]+@[^\s@]+\.[^\s@]+$ adalah regex yang digunakan untuk mencocokkan format email.
  • test() adalah metode regex yang digunakan untuk mengecek apakah string cocok dengan pola regex.
  • validateEmail() adalah fungsi yang digunakan untuk memvalidasi alamat email.

Contoh Regex Lainnya

Berikut adalah beberapa regex lain yang dapat digunakan untuk memvalidasi alamat email dengan aturan yang lebih spesifik:

  • Regex yang memperbolehkan penggunaan tanda hubung (-) di domain: ^[^\s@]+@[^\s@]+\.[^\s@]+$
  • Regex yang membatasi panjang username dan domain: ^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$
  • Regex yang memperbolehkan penggunaan beberapa titik (.) dalam domain: ^[^\s@]+@[^\s@]+\.[^\s@]+$

Kesimpulan

Regex sangat berguna untuk memvalidasi alamat email di JavaScript. Dengan menggunakan regex yang tepat, kita dapat memastikan bahwa input pengguna valid dan sesuai dengan format yang benar.

Catatan: Regex yang diberikan di atas hanya contoh sederhana. Anda mungkin perlu menyesuaikan regex sesuai dengan kebutuhan spesifik aplikasi Anda.

Related Post