Validation par e-mail dans JavaScript

JavaScript, un langage de programmation qui est utilisé pour développer des sites Web extrêmement agréables. En plus de donner un aperçu agréable de votre site Web, il est également utilisé à des fins de validation lors de la création d'un formulaire HTML. La validation, surtout, la validation par e-mail, est une partie très importante d'un formulaire qui s'assure que seules les informations authentiques sont fournies par l'utilisateur. Nous avons conçu cet article pour vous montrer comment valider le courrier électronique des utilisateurs à l'aide de JavaScript. Cet article couvre les sujets suivants.

1. Introduction à la validation
2. Comment valider les e-mails à l'aide de JavaScript

Commençons.

Introduction à la validation

La validation est la procédure pour s'assurer que l'utilisateur, ainsi que les informations fournies par l'utilisateur, est authentique. JavaScript authentifie les informations sur le côté client qui améliorent la procédure de traitement des données.

La validation est utilisée pour authentifier le nom d'utilisateur, le mot de passe, le courrier électronique, le numéro de téléphone, etc. Dans cet article, nous allons nous en tenir à la validation par e-mail. Apprenons à effectuer cela en utilisant JavaScript.

Comment valider les e-mails à l'aide de JavaScript

Comme déjà mentionné valider un e-mail est très important lors de la création de formulaires sur des sites Web.

Une adresse e-mail est divisée en deux parties qui sont séparées en utilisant le symbole «@», en outre, chacune de ces parties consiste en une combinaison de caractères ASCII. La partie initiale d'un e-mail indique principalement les informations personnelles d'un utilisateur et se compose de ce qui suit.

1. Les deux majuscules (A-Z) ainsi que les lettres minuscules (A-Z).

2. Chiffres numériques (0-9).

3. Caractères spéciaux comme ! # $% ^ & * _ - = | ~.

4. Un arrêt complet (ce ne peut pas être le premier ou le dernier personnage, en outre, vous ne pouvez pas utiliser un arrêt complet consécutivement.)

En plus de cela, le nom de domaine, qui fait partie de l'e-mail qui vient après que le symbole @ peut être constitué de lettres, de chiffres, de traits de gamme et de points.

Exemple

Ici, nous avons démontré un exemple complet de formulaire HTML qui valide un e-mail à l'aide de JavaScript.

Html

Entrez votre adresse email

Dans le code HTML ci-dessus, nous avons créé un champ de saisie où l'utilisateur saisira l'adresse e-mail et sur le bouton Click de Soumettre, l'e-mail entré est transmis à la email validé() Méthode à valider.

CSS

.H3
marge-gauche: 38px;

saisir
taille de police: 20px;

Entrée: Focus, TextArea: Focus

Color en arrière-plan: Whitesmoke;

Entrée soumettre
taille de police: 12px;

Ici, nous utilisons des CSS de base pour styliser nos éléments HTML.

Javascrip

functionValidateMail (inputText)

var MailFormat = / ^ \ W + ([\.-]]?\ w +) * @ \ w + ([\.-]]?\ w +) * (\.\ w 2,3) + $ /;
if (inputText.valeur.Match (MailFormat))

alerte ("adresse e-mail valide!");
document.formulaire 1.texte 1.se concentrer();
RetourTrue;

autre

alerte ("adresse e-mail non valide!");
document.formulaire 1.texte 1.se concentrer();
returnFalse;

Dans ce code javascript, une expression régulière / ^ \ w + ([\.-]]?\ w +) * @ \ w + ([\.-]]?\ w +) * (\.\ w 2,3) + $ / est utilisé pour valider un e-mail. Ensuite, les instructions si / else sont utilisées pour spécifier que si l'utilisateur entre dans une adresse e-mail valide, un message d'alerte sera généré confirmant l'authenticité de l'adresse e-mail et si l'utilisateur entre une adresse e-mail non valide, le message d'alerte informera l'utilisateur à ce sujet.

Sortir

Lorsque vous fournissez une adresse e-mail authentique.

Lorsque vous entrez une adresse e-mail non valide.

La validation des e-mails a été réussie.

Conclusion

En javascript, une expression régulière / ^ \ w + ([\.-]]?\ w +) * @ \ w + ([\.-]]?\ w +) * (\.\ w 2,3) + $ / est utilisé pour valider une adresse e-mail sous des formulaires HTML qui spécifie le modèle d'un e-mail valide. De plus, les instructions IF / ELSE sont utilisées pour spécifier des conditions pour une adresse e-mail valide et non valide. Cette rédaction vous guide sur la façon de valider une adresse e-mail à l'aide de JavaScript à l'aide d'un code pertinent.