Maison  >  Article  >  interface Web  >  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
Mary-Kate Olsenoriginal
2024-10-27 03:46:29103parcourir

 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)
  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

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:
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