Correspondance de mot de passe à l'aide de JavaScript

Confirmer que les champs de mot de passe sont nécessaires à inclure lors de la création de formulaires en ligne qui demandent aux utilisateurs de définir un mot de passe. Le champ de mot de passe cache la contribution de l'utilisateur par défaut, ce qui rend nécessaire d'avoir une sorte de mécanisme qui permet aux utilisateurs de confirmer qu'ils ont écrit le bon mot de passe sans faire de fautes de frappe. Le champ de mot de passe de confirmation invite l'utilisateur à revérifier son mot de passe s'il est de taper des caractères et le mot de passe et de confirmer les champs de mot de passe ne correspondent pas.

Dans cet article, notre objectif est de créer un formulaire HTML qui correspond à l'entrée de l'utilisateur dans le Mot de passe et Confirmez le mot de passe champs pour confirmer si l'utilisateur a tapé le bon mot de passe ou a fait des fautes de frappe.

Étape 1: formulaire HTML

La première étape consiste à créer un formulaire HTML qui prend l'entrée de l'utilisateur:

Indice de linux

Entrer le mot de passe

Confirmez le mot de passe

Connexion

Nous avons créé un formulaire HTML simple qui a deux champs d'entrée de mot de passe de type et un bouton de connexion qui appelle le Confirmation mot de passe() fonction quand il est cliqué.

Étape 2: validation du formulaire JavaScript

Maintenant, nous allons écrire du code JavaScript à l'intérieur du Confirmation mot de passe() Fonction qui valide le mot de passe:

fonction PasswordConfirmation ()
var mot de passe = document.GetElementByid ("Pass").valeur;
var confirmpassword = document.getElementByid ("confirmpass").valeur;
if (mot de passe == "")
alerte ("Erreur: le champ de mot de passe est vide.");
else if (mot de passe == confirmpassword)
alert ("connecté");
autre
alert ("Veuillez vous assurer que vos mots de passe correspondent.")

À l'intérieur de Confirmation mot de passe() fonction Nous obtenons d'abord les valeurs de mot de passe et confirmons les champs de mot de passe et les stockons dans les variables. Nous utilisons ensuite des instructions conditionnelles pour vérifier les différents cas.

Cas 1: le champ de mot de passe est vide

Le premier conditionnel vérifie si le champ de mot de passe est vide. Nous invitons l'utilisateur à saisir le mot de passe si le champ est vide:

Cas 2: les mots de passe correspondent

Dans le cas où les mots de passe correspondent à l'utilisateur qui se connecte avec succès:

Cas 3: les mots de passe ne correspondent pas

Si les mots de passe ne correspondent pas, nous demandons à l'utilisateur de retaper les mots de passe et de nous assurer qu'ils correspondent:

Le code JavaScript et HTML ressemble à quelque chose comme ceci:

Indice de linux

Entrer le mot de passe

Confirmez le mot de passe

Connexion

Conclusion

Les humains peuvent souvent faire des erreurs, mais cela ne devrait pas les empêcher de se connecter à leurs comptes. Même la moindre erreur dans la saisie d'un mot de passe peut restreindre l'accès d'un utilisateur à son compte. Donc, c'est toujours une bonne idée de vérifier le mot de passe d'un utilisateur pour confirmer qu'il est entré dans le bon.