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

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,}))$/
    );
};

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,}))$/
  );
};

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!