Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengesahkan Alamat E-mel Menggunakan Ungkapan Biasa JavaScript?

Bagaimana untuk Mengesahkan Alamat E-mel Menggunakan Ungkapan Biasa JavaScript?

Patricia Arquette
Lepaskan: 2025-01-01 14:46:11
asal
694 orang telah melayarinya

How to Validate Email Addresses Using JavaScript Regular Expressions?

Cara Mengesahkan Alamat E-mel dalam JavaScript

Mengesahkan input pengguna sebagai alamat e-mel adalah penting untuk mengelakkan ralat semasa menghantar data ke pelayan atau e-mel. JavaScript menawarkan kaedah yang mudah untuk pengesahan alamat e-mel menggunakan ungkapan biasa.

Ungkapan biasa menyediakan cara yang berkesan untuk memadankan dan mengesahkan alamat e-mel. Ungkapan biasa yang biasa digunakan ialah:

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};
Salin selepas log masuk

Ungkapan ini sepadan dengan alamat e-mel yang mematuhi kriteria berikut:

  • Mengandungi bahagian setempat (bahagian sebelum tanda @) yang mengandungi huruf, nombor, titik, sengkang atau garis bawah.
  • Mengandungi bahagian domain (bahagian selepas tanda @) yang mengandungi nama hos diikuti dengan nombor port pilihan.
  • Membenarkan alamat yang disebut (cth., "example@domain.com").
  • Memastikan alamat dengan aksara Unikod.

Walaupun bergantung pada pengesahan pihak pelanggan sahaja tidak disyorkan kerana kemungkinan JavaScript dilumpuhkan, ia boleh menyediakan barisan pertahanan pertama. Berikut ialah contoh pengesahan alamat e-mel menggunakan JavaScript:

const validateEmail = (email) => {
  return email.match(
    /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  );
};
Salin selepas log masuk

Fungsi pengesahan ini kemudiannya boleh digunakan dalam borang atau pada medan input pengguna untuk memberikan maklum balas segera tentang kesahihan alamat e-mel.

Atas ialah kandungan terperinci Bagaimana untuk Mengesahkan Alamat E-mel Menggunakan Ungkapan Biasa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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