Comment valider les adresses e-mail à l'aide d'expressions régulières JavaScript ?

Comment valider une adresse e-mail en JavaScript

La validation de la saisie de l'utilisateur en tant qu'adresse e-mail est cruciale pour éviter les erreurs lors de l'envoi de données aux serveurs ou e-mails. JavaScript offre une méthode pratique de validation des adresses e-mail à l'aide d'expressions régulières.

Les expressions régulières constituent un moyen puissant de faire correspondre et de valider les adresses e-mail. Une expression régulière couramment utilisée est :

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

Cette expression correspond aux adresses e-mail qui respectent les critères suivants :

• Contient une partie locale (partie avant le signe @) qui consiste de lettres, de chiffres, de points, de tirets ou de traits de soulignement.
• Contient une partie de domaine (partie après le signe @) qui comprend un nom d'hôte suivi de un numéro de port facultatif.
• Autorise les adresses citées (par exemple, "exemple@domain.com").
• Faire correspondre les adresses avec des caractères Unicode.

Tout en s'appuyant la validation côté client seule n'est pas recommandée en raison de la possibilité de désactivation de JavaScript, elle peut fournir une première ligne de défense. Voici un exemple de validation d'adresses e-mail à l'aide de 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,}))$/
  );
};

Cette fonction de validation peut ensuite être utilisée dans un formulaire ou sur des champs de saisie utilisateur pour fournir un retour instantané sur la validité de l'adresse e-mail.

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!