La validation du mot de passe est importante pour la sécurité et l'intégrité des informations sensibles. Un mot de passe fort et sécurisé contient des lettres, des chiffres et des caractères spéciaux. Les caractères spéciaux peuvent aider à rendre un mot de passe unique. L'utilisation de caractères spéciaux dans les mots de passe est encouragée car elle aide à rendre le mot de passe plus fort et moins sensible à la fissuration. Cela rend le mot de passe moins susceptible d'être trouvé dans une liste de mots de passe couramment utilisés, qui sont fréquemment ciblés par les attaquants.
Cet article décrira l'expression régulière de la validation d'un mot de passe qui contient des caractères spéciaux.
Comment écrire la validation de mot de passe d'expression régulière JavaScript ayant des caractères spéciaux?
Utilisez le modèle suivant ou l'expression régulière pour la validation du mot de passe contenant des caractères spéciaux . Le modèle correspondra à un mot de passe qui contient au moins un caractère spécial, une lettre et un chiffre, et entre 8 et 12 caractères:
regexpattern = / ^ (?=.* [- \ # \ $ \.\% \ & \ @ \!\ + \ = \<\>\ *]) (?=.* [a-za-z]) (?=.*\d).8,12 $ /;
Voici la ventilation des différentes parties du modèle ci-dessus:
- "^»Représente le début de la chaîne ou du motif.
- "(?=.* [- \ # \ $ \.\% \ & \ @ \!\ + \ = \\ *])”Correspond à toute chaîne qui contient au moins un caractère spécial, répertorié à l'intérieur des crochets.
- "(?=.* [a-za-z])"Indique que le mot de passe doit contenir au moins une lettre (majuscules ou minuscules).
- "(?=.*\d)”Indique que la chaîne / le mot de passe contient au moins un chiffre.
- ".8,12"Dit que le mot de passe doit contenir une longueur de 8 à 12 caractères.
- "$”Désigne la fin de la chaîne de motif.
Exemple
Dans un fichier HTML, créez un formulaire avec un champ de saisie pour prendre la saisie du mot de passe et un bouton Soumettre. Attacher un «sur clic"Événement avec le bouton qui appellera la fonction"PasswordValidation ()«Sur la soumission du formulaire pour valider le mot de passe donné:
Créez un élément div et mentionnez les règles du mot de passe dans la liste non ordonnée:
Suivez le format donné pour le mot de passe
- Le mot de passe doit être de 8 à 12 caractères
- Au moins un alphabet (majuscules ou minuscules)
- Au moins un numéro présent dans le mot de passe
- Au moins un personnage spécial (-,.,@, $,!,%, +, =,<,>,#,?,&)
Dans le fichier CSS, créez des IDS "erreur" et "msg"Et définissez les couleurs"rouge" et "vert", respectivement. Attribuez ces ID à la
Tags pour afficher les messages lorsque le mot de passe corrigera ou incorrect:
#erreur
La couleur rouge;
#msg
la couleur verte;
Créer un ID "boîte«Cela attribue à l'élément div pour définir la taille de la police du texte:
#boîte
taille de police: petit;
Dans le fichier javascript, utilisez le code suivant pour valider le mot de passe:
FunctionPasswordValidation ()
regexpattern = / ^ (?=.* [- \ # \ $ \.\% \ & \ @ \!\ + \ = \\ *]) (?=.* [a-za-z]) (?=.*\d).8,12 $ /;
inputTextVal = document.getElementById ("txt");
if (inputTextVal.valeur.Match (regexpattern)))
document.getElementByid ("msg").innerHtml = "Great";
RetourTrue;
autre
document.getElementByid ("erreur").innerhtml = "Veuillez suivre le format approprié";
returnFalse;
Dans l'extrait de code ci-dessus:
- Tout d'abord, définissez une fonction "PasswordValidation ()"Qui se déclenchera sur le bouton cliquer.
- Définissez un modèle regex pour la validation du mot de passe ayant des caractères spéciaux.
- Obtenez la référence du champ de saisie à l'aide du «getElementByid ()" méthode.
- Ensuite, vérifiez la valeur d'entrée, qu'elle correspond au modèle ou non en utilisant le «correspondre()" méthode.
- Si le mot de passe correspond au modèle, imprimez le message "Super», Sinon, imprimez le message d'erreur.
Sortir
Maintenant, pour accepter la saisie comme mot de passe, utilisez le type d'entrée "mot de passe»:
Vous pouvez voir que la sortie prend le mot de passe au format de mot de passe:
Il s'agit de la validation des mots de passe ayant des caractères spéciaux.
Conclusion
Utiliser "/ ^ (?=.* [- \ # \ $ \.\% \ & \ @ \!\ + \ = \\ *]) (?=.* [a-za-z]) (?=.*\d).8,12 $ /”Pour des caractères spéciaux dans la validation du mot de passe. Le modèle considérera un mot de passe qui contient au moins un alphabet, un caractère spécial et un chiffre de longueur de 8 à 12 caractères. Cet article a décrit l'expression ou le modèle régulier pour la validation des mots de passe contenant des caractères spéciaux.