Les champs de confirmation du mot de passe doivent être inclus lors de la création de formulaires en ligne demandant aux utilisateurs de définir un mot de passe. Le champ de mot de passe masque la saisie 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 confirmation du mot de passe invite l'utilisateur à revérifier son mot de passe s'il a mal saisi des caractères et que les champs de mot de passe et de confirmation du mot de passe ne correspondent pas.
Dans cet article, notre objectif est de créer un formulaire HTML qui corresponde à l'entrée de l'utilisateur dans le Mot de passe et Confirmez le mot de passe champs pour confirmer si l'utilisateur a saisi le bon mot de passe ou s'il 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 :
< centre >
< h2 > Astuce Linux h2 >
< formulaire >
< p > Entrer le mot de passe p >
< saisir taper = 'le mot de passe' identifiant = 'passer' > < Br >< Br >
< p > Confirmez le mot de passe p >
< saisir taper = 'le mot de passe' identifiant = 'confirmer passe' > < Br >< Br >
< bouton taper = 'nous faire parvenir' sur clic = 'Confirmation mot de passe()' > Enregistrer dans bouton >
formulaire >
centre >
Nous avons créé un formulaire HTML simple qui comporte deux champs de saisie de type mot de passe et un bouton de connexion qui appelle le Confirmation mot de passe() fonction quand on clique dessus.
Étape 2 : Validation du formulaire JavaScript
Nous allons maintenant écrire du code JavaScript à l'intérieur du Confirmation mot de passe() fonction qui valide le mot de passe :
fonction Confirmation mot de passe ( ) {
var mot de passe = document.getElementById ( 'passer' ) .évaluer;
var confirmPassword = document.getElementById ( 'confirmer passe' ) .évaluer;
si ( mot de passe == '' ) {
alerte ( 'Erreur : le champ du mot de passe est vide.' ) ;
} autre si ( mot de passe == confirmMot de passe ) {
alerte ( 'Connecté' ) ;
} autre {
alerte ( 'Merci de vérifier 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 des variables. Nous utilisons ensuite des instructions conditionnelles pour vérifier différents cas.
Cas 1 : le champ Mot de passe est vide
La première condition vérifie si le champ du 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
Si les mots de passe correspondent, l'utilisateur 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 s'assurer qu'ils correspondent :
Le code JavaScript et HTML ressemble à ceci :
< html >
< corps >
< centre >
< h2 > Astuce Linux h2 >
< formulaire >
< p > Entrer le mot de passe p >
< saisir taper = 'le mot de passe' identifiant = 'passer' > < Br >< Br >
< p > Confirmez le mot de passe p >
< saisir taper = 'le mot de passe' identifiant = 'confirmer passe' > < Br >< Br >
< bouton taper = 'nous faire parvenir' sur clic = 'Confirmation mot de passe()' > Enregistrer dans bouton >
formulaire >
centre >
corps >
< scénario >
fonction Confirmation mot de passe ( ) {
var mot de passe = document.getElementById ( 'passer' ) .évaluer;
var confirmPassword = document.getElementById ( 'confirmer passe' ) .évaluer;
si ( mot de passe == '' ) {
alerte ( 'Erreur : le champ du mot de passe est vide.' ) ;
} autre si ( mot de passe == confirmMot de passe ) {
alerte ( 'Connecté' ) ;
} autre {
alerte ( 'Merci de vérifier que vos mots de passe correspondent.' )
}
}
scénario >
html >
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. C'est donc toujours une bonne idée de vérifier le mot de passe d'un utilisateur pour confirmer qu'il a entré le bon.