Bagaimanakah Saya Boleh Mengesahkan Alamat E-mel Menggunakan JavaScript?

Mengesahkan Alamat E-mel dalam JavaScript

Untuk memastikan input pengguna ialah alamat e-mel yang sah, JavaScript menyediakan beberapa teknik pengesahan.

Ungkapan Biasa:

Menggunakan ungkapan biasa ialah kaedah yang cekap untuk pengesahan e-mel. Pertimbangkan ungkapan berikut yang sepadan dengan format e-mel yang sah:

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

Sokongan Unikod:

Untuk menampung aksara unikod dalam alamat e-mel, gunakan ungkapan biasa berikut:

const re =
  /^(([^<()[\]\.,;:\s@"]+(\.[^<()[\]\.,;:\s@"]+)*)|(".+"))@(([^<()[\]\.,;:\s@"]+\.)+[^<()[\]\.,;:\s@"]{2,})$/i;

Pihak Pelanggan Pengesahan:

Kod JavaScript ini menunjukkan cara mengesahkan alamat e-mel di sisi pelanggan:

$('#email').on('input', validate);

function validate() {
  const email = $('#email').val();
  const $result = $('#result');
  $result.text('');

  if (validateEmail(email)) {
    $result.text(email + ' is valid.');
    $result.css('color', 'green');
  } else {
    $result.text(email + ' is invalid.');
    $result.css('color', 'red');
  }
  return false;
}

Pertimbangan:

Ingat bahawa Pengesahan JavaScript sahaja tidak mencukupi, kerana ia boleh dilumpuhkan oleh pengguna. Ia juga penting untuk melaksanakan pengesahan pada bahagian pelayan untuk memastikan integriti data.

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