Comment valider efficacement les adresses e-mail à l'aide de jQuery et des expressions régulières ?

Validation des adresses e-mail à l'aide de jQuery et Regex

Le besoin de valider les adresses e-mail se pose fréquemment dans le développement Web. Cet article aborde le sujet en implémentant un mécanisme de validation basé sur jQuery à l'aide d'une expression régulière complète (regex).

Fonction de validation

Pour commencer la validation, une fonction nommée isValidEmailAddress est utilisée. Cette fonction accepte une adresse e-mail et l'évalue par rapport au modèle d'expression régulière suivant :

^([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

Cette expression régulière prend en compte la vaste gamme de caractères et de formats utilisés dans les adresses e-mail valides. Il prend en charge les parties locales citées, les commentaires dans l'adresse et les littéraux IPv4 et IPv6 dans la partie domaine.

Intégration avec jQuery

Pour incorporer la validation dans la fonction jQuery fournie, incluez simplement le code suivant dans le gestionnaire d'événements de changement :

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>

Cet extrait lance la validation et procède aux actions appropriées en fonction du résultat. Que l'adresse email soit valide ou non, un message approprié peut être affiché à l'utilisateur.

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!