Comment puis-je valider les adresses e-mail à l'aide de JavaScript ?

Validation des adresses e-mail en JavaScript

Pour garantir que la saisie de l'utilisateur correspond à une adresse e-mail valide, JavaScript propose plusieurs techniques de validation.

Expressions régulières :

L'utilisation d'expressions régulières est une méthode efficace pour la validation des e-mails. Considérez l'expression suivante qui correspond aux formats d'e-mail valides :

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

Prise en charge Unicode :

Pour accueillir les caractères Unicode dans les adresses e-mail, utilisez l'expression régulière suivante :

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

Validation côté client :

Ce code JavaScript démontre comment valider les adresses e-mail côté client :

$('#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;
}

Considérations :

N'oubliez pas que la validation JavaScript seule n'est pas suffisante, car elle peut être désactivée par l'utilisateur . Il est crucial de mettre également en œuvre la validation côté serveur pour garantir l'intégrité des données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!