Maison > interface Web > js tutoriel > Comment valider les adresses e-mail avec jQuery et les expressions régulières ?

Comment valider les adresses e-mail avec jQuery et les expressions régulières ?

Mary-Kate Olsen
Libérer: 2024-10-27 03:46:29
original
250 Les gens l'ont consulté

 How to Validate Email Addresses with jQuery and Regular Expressions?

Validation des adresses e-mail à l'aide de jQuery et d'expressions régulières

La validation des adresses e-mail est essentielle pour garantir que les communications par courrier électronique parviennent aux destinataires prévus. . Un moyen efficace d'y parvenir consiste à utiliser des expressions régulières (regex) en conjonction avec jQuery.

Validation des adresses e-mail avec jQuery

Pour valider une adresse e-mail à l'aide jQuery, suivez ces étapes :

  1. Obtenez l'adresse e-mail : Récupérez la valeur du champ de saisie de l'e-mail à l'aide de la méthode val() de jQuery.
  2. Définissez l'expression régulière : Créez une expression régulière qui correspond à des adresses e-mail valides. L'expression régulière fournie est :
[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)
Copier après la connexion
  1. Effectuez la validation : Utilisez la méthode test() de jQuery pour vérifier si l'adresse e-mail correspond à l'expression régulière.
  2. Gérez le résultat de la validation : En fonction du résultat de la validation, activez ou désactivez les éléments du formulaire et affichez les commentaires appropriés à l'utilisateur.

Expression régulière mise à jour

Étant donné que l'expression régulière fournie est relativement ancienne, il est recommandé d'utiliser une version mise à jour. Voici une expression régulière plus complète qui prend en charge un plus large éventail de formats d'adresses e-mail, y compris ceux avec des adresses :

/^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i
Copier après la connexion

Conclusion

Validation des adresses e-mail à l'aide de jQuery et regex est un moyen efficace de garantir l’exactitude et la fiabilité des communications par courrier électronique. En utilisant l'expression régulière mise à jour fournie, vous pouvez vous assurer que votre application gère un large éventail de formats d'adresses 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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal