Comment valider l'adresse e-mail en javascript

Le processus de vérification des valeurs saisies par les utilisateurs est connue sous le nom de validation. Il améliore l'expérience utilisateur et est important pour les applications Web. La validation est utilisée en JavaScript pour vérifier l'identité d'un utilisateur en vérifiant l'e-mail, le mot de passe, le numéro de mobile de l'utilisateur et une variété d'autres informations. Cette technique est la plus utilisée lors de la création de formulaires pour les sites Web.

Dans cet article, nous parlerons de certaines méthodes courantes pour valider les adresses e-mail dans JavaScript.

Comment valider l'adresse e-mail en javascript?

Lors de la vérification d'un formulaire HTML, la validation de l'e-mail est une étape critique. Dans JavaScript, vous pouvez valider l'adresse e-mail:

1. Utilisation de Regex
2. Sans regex

Examinons comment ces approches valideront l'e-mail.

Méthode 1: valider l'adresse e-mail à l'aide de regex

Pour valider un e-mail, vous pouvez utiliser un motif regex / expression régulière avec JavaScript "correspondre()" méthode. La valeur de l'e-mail spécifié dans un champ de saisie est comparée à une expression régulière ou un modèle regex en utilisant la méthode Match ().

Syntaxe
Suivez la syntaxe ci-dessous pour valider un e-mail à l'aide de la méthode Match ():

Texte de saisie.valeur.match (regexpattern);

Ici le "regexpatcier"Est l'expression régulière qui correspondra à la valeur du champ de texte.

Maintenant, consultez l'exemple suivant.

Exemple
Dans cet exemple, nous créerons un formulaire HTML qui contient une valeur d'entrée et un bouton qui vérifiera si l'e-mail entré est valide ou non en appelant la fonction JavaScript définie par l'utilisateur nommée «MailValidation ()»:

Soumettre

Dans le fichier JavaScript, nous définirons le «MailValidation ()”Méthode qui prend la valeur du champ de saisie en tant que paramètre. Après cela, définissez un modèle regex pour le courrier électronique qui suit les alphabets A-ZA-Z, les caractères, 0-9 chiffres, avec @ et (.). Ensuite, appelez la méthode Match () avec la valeur du texte d'entrée en passant le motif regex. Si la valeur du texte d'entrée correspond au regex, une alerte s'affiche avec le message "Adresse e-mail valable!» Sinon, l'alerte montre un message spécifié:

Fonction MailValidation (InputText)

regexpattern = / ^ [a-za-z0-9.!# $% & '* + / =?^ _ '| ~ -] + @ [a-za-z0-9 -] + (?: \.[a-za-z0-9 -] +) * $ /;
inputTextVal = document.getElementById ("txt");
if (inputTextVal.valeur.Match (regexpattern)))

alerte ("adresse e-mail valide!");
Retour Vrai;

autre

alerte ("Vous avez entré une adresse e-mail non valide!");
retourne false;

On peut voir que notre méthodologie définie fonctionne parfaitement pour vérifier l'adresse e-mail:

Voyons une autre méthode pour valider les e-mails sans utiliser Regex.

Méthode 2: Valider l'adresse e-mail sans utiliser Regex

Pour valider les e-mails sans regex, vous pouvez utiliser le «comprend ()" méthode. Il donne une valeur booléenne en sortie. Il accepte les personnages comme un argument et revient "vrai"S'ils existent dans l'entrée, sinon il produit"FAUX".

Syntaxe
Suivez la syntaxe ci-dessous pour utiliser la méthode incluse ():

chaîne.comprend (caractères);

Ici, "personnages«Sont les (@) signe et (.) qui sera vérifié dans l'e-mail entré.

Exemple
Dans cet exemple, nous apporterons des modifications à la fonction JavaScript créée ci-dessus nommée «MailValidation ()". Ici, nous utiliserons la méthode incluse () en fonction pour vérifier la valeur d'entrée si elle contient (@) signe et (.) ou non:

Fonction MailValidation (InputText)

inputTextVal = document.getElementById ("txt");
if (inputTextVal.valeur.Comprend ("@", "."))

alerte ("adresse e-mail valide!");
Retour Vrai;

autre

alerte ("Vous avez entré une adresse e-mail non valide!");
retourne false;

Sortir

Nous avons compilé les méthodes les plus simples pour valider les adresses e-mail à l'aide de JavaScript.

Conclusion

Pour valider une adresse e-mail, vous pouvez utiliser le «correspondre()”Méthode pour valider avec Regex ou le"comprend ()«Méthode pour valider l'e-mail sans utiliser Regex. La méthode Match () correspond à l'adresse e-mail entrée avec le regex particulier tandis que la méthode incluse () vérifie le "@" et le "."Dans l'e-mail, que les deux soient inclus dans l'e-mail entré ou non. Ce message a discuté des méthodes de validation des adresses e-mail en JavaScript avec des exemples détaillés.