JavaScript Expression régulière Validation des e-mails
Les adresses e-mail ont un format spécifique, avec certains caractères et structures requis. La validation d'une adresse e-mail garantit qu'elle est dans le bon format et peut être utilisée pour envoyer ou recevoir des e-mails. En validant les adresses e-mail, vous pouvez vous assurer que des informations importantes sont fournies au bon destinataire et que la communication est aussi efficace que possible.
Ce blog décrira la validation des e-mails en javascript.
Comment valider les e-mails en javascript?
La vérification de l'adresse e-mail saisie de l'utilisateur est connue sous le nom de validation de l'e-mail. Dans JavaScript, vous pouvez valider une adresse e-mail en utilisant "expression régulière" avec le "correspondre()" méthode. La méthode Match () vérifie l'entrée de l'utilisateur avec le modèle spécifié.
Voyons d'abord certaines adresses e-mail valides et non valides, puis créons un modèle pour valider les adresses e-mail.
Adresses e-mail valides
Certaines adresses e-mail valides sont:
- xyz @ gmail.com
- xyz @ yoneEarth.com
- xyzmail @ yourearth.org
- xymy @ vous.ton.filet
Adresses e-mail non valides:
Les e-mails formatés suivants ne sont pas acceptables:
- Un e-mail a commencé avec un point "."
- Pas de personnage avant @
- Sans @
- Les points doubles ne sont pas autorisés
Modèle
Le modèle donné est un modèle de format de messagerie général:
Var Pattern = / [A-Z0-9] + @ [A-Z] + \.[a-z] 2,3 /
Le modèle ci-dessus accepte:
- "[A-Z0-9]"Indique les petits caractères de lettre avec des numéros.
- "@ [A-Z]"Signifie le signe @ avec n'importe quel nombre de petits caractères.
- "\.»Spécifiez le point (.).
- "[a-z] 2,3”Désigne les alphabets A-Z avec une longueur 2 ou 3, comme«com","org","filet", et ainsi de suite.
Il est important de noter que le modèle ci-dessus est une expression régulière générale, et il peut ne pas couvrir tous les cas possibles de validation des e-mails, mais c'est un bon point de départ. Vous pouvez créer / définir un modèle sur vos propres exigences.
Essayons un autre modèle (complexe) qui acceptera les petites lettres de cas de capital avec différents caractères spéciaux:
Var Pattern = / ^ [A-ZA-Z0-9.!# $% & '* + / =?^ _ '| ~ -] + @ [a-za-z0-9 -] + (?: \.[a-za-z0-9 -] +) * $ /
Exemple
Dans un fichier HTML, créez un formulaire qui contient un champ de texte, un bouton et une zone pour afficher un message d'erreur. Fixez le «sur clic”Événement avec le"soumettre"Bouton qui invoquera le"EmailValidationFunc ()”Fonction pour valider l'entrée utilisateur:
Dans le fichier javascript, ajoutez le code suivant:
fonction emailValidationFunc ()
Var entrée = document.getElementByid ("mail").valeur;
Var Pattern = / [A-Z0-9] + @ [A-Z] + \.[a-z] 2,3 /;
si (entrée.Match (modèle))
Alerte ("Match Matches!");
Retour Vrai;
autre
document.getElementByid ("erreur").innerhtml = "Veuillez saisir une adresse e-mail valide!"
retourne false;
Selon l'extrait de code ci-dessus:
- Tout d'abord, définissez une fonction appelée «EmailValidationFunc ()"Cela se déclenchera sur le bouton cliquer.
- Obtenez la valeur de l'entrée utilisateur à l'aide du «valeur" attribut.
- Créer un modèle pour la validation de l'adresse e-mail.
- Appeler le "correspondre()”Méthode pour vérifier si la valeur entrée correspond au modèle fourni. Si oui, montrez un message d'alerte "Match Match!". Sinon, imprimez le message d'erreur "S'il vous plaît, mettez une adresse email valide!".
Sortir
Il s'agit de la validation des e-mails en utilisant l'expression régulière JavaScript.
Conclusion
Dans JavaScript, pour valider une adresse e-mail, utilisez le «expression régulière" avec le "correspondre()" méthode. La méthode Match () vérifie l'entrée de l'utilisateur avec le modèle spécifié. Ce blog mentionne les modèles de formatage des e-mails généraux, mais vous pouvez également créer un modèle sur vos propres exigences. Dans ce blog, nous avons décrit la validation des e-mails en javascript.