jQuery vérificateur de force de mot de passe
Je suis assez nouveau à jQuery, et j'ai écrit une fonction simple pour vérifier la force d'un mot de passe pour chaque pression de touche.
L'idée est que chaque fois qu'un utilisateur entre un personnage, le contenu est évalué pour vérifier la force du mot de passe entrés... je suis sûr que tout le monde a vu ces avant.
De toute façon, la logique que j'ai utilisée, c'est qu'aucun mot de passe n'commence avec une valeur de 1. Quand un bas-de-casse de caractères est utilisé, le score incréments de 2. Lorsqu'un chiffre est utilisé le score s'incrémente de 1 à nouveau, même lorsqu'un caractère majuscule est utilisé et lorsque le mot de passe devient 5 caractères ou plus.
Ce qui est retourné est la force du mot de passe jusqu'à présent comme une valeur de 1 à 5 à chaque fois qu'une touche est enfoncée.
Donc, à propos de ma question. Le chemin que j'ai fait, il ne semble pas très jQuery comme... presque comme je l'ai peut ainsi viens de le faire directement en javascript. Aussi, je me demandais à propos de ma logique. Ai-je fait tout ce que fait ou oublié quelque chose? Toutes les suggestions de des gens plus intelligents que moi-même?
Des suggestions ou des conseils seraient appréciés.
$(document).ready(function(){
$("#pass_strength").keyup(function() {
var strength = 1;
/*length 5 characters or more*/
if(this.value.length >= 5) {
strength++;
}
/*contains lowercase characters*/
if(this.value.match(/[a-z]+/)) {
strength++;
}
/*contains digits*/
if(this.value.match(/[0-9]+/)) {
strength++;
}
/*contains uppercase characters*/
if(this.value.match(/[A-Z]+/)) {
strength++;
}
alert(strength);
});
});
- RnZ Code Labs a un facile à utiliser Force du Mot de passe plugin.
- pour un plus sophistiqué force du mot de passe de l'évaluateur voir: stackoverflow.com/questions/948172/password-strength-meter/...
Vous devez vous connecter pour publier un commentaire.
Le meilleur moyen est de prendre un plugin existant comme TJB suggéré.
Comme à votre question sur le code lui-même, plus agréable est de l'écrire comme ça:
(Modifié afin de corriger les erreurs de syntaxe.)
/{5\,}/
/.{5,}/
. La virgule signifie "pas de limite supérieure". Sans la virgule, il serait tenter de correspondre exactement 5 caractères.Je suggère de l'évaluation d'un existant jQuery force du mot de passe plugin. (à moins que votre juste faire cela comme un exercice)
Voici quelques liens que j'ai trouvé:
http://www.visual-blast.com/javascript/password-strength-checker/
http://phiras.wordpress.com/2007/04/08/password-strength-meter-a-jquery-plugin/
Sur le dessus de gs en réponse, vous devriez vérifier le mot de passe contre des mots du dictionnaire (à l'aide d'une table de hachage, sans doute). Sinon un mot de passe faible comme "Yellow1" sera évaluée comme forte par votre logique.
Si vous faites du excersie
Référence: L'Indicateur De Force De Mot De Passe
jQuery Code Utilisé (# indique quels ont changé de Benjamin code)
Vous pouvez essayer les plugins jQuery pour le mot de passe du contrôle de la résistance
Certains d'entre eux sont
Force Du Mot De Passe Mètre
L'Indicateur De Force De Mot De Passe
Dans le cas où vous ne souhaitez pas utiliser jQuery vous pouvez utiliser quelque chose comme ceci:
JS:
l'extrait ci-dessus permettra de calculer la force du mot de passe pour les mots de passe de 6 à 18 caractères. La valeur par défaut pour chaque caractère unique
Si un caractère est répété dans mot de passe, puis il perd 2 points pour chaque répétition.
Des points supplémentaires sont donnés lorsque les spécifications suivantes sont remplies:
points)
Essayer ce code pour vérifier le mot de passe pour la zone de texte
Html:
Découvrez la démo Ici
Ci-dessous est un logiciel gratuit force du mot de passe/la politique de plug-in JQuery validateur. Il prend également en charge la validation des mots de passe entrés dans plusieurs langues (pris en charge dans Unicode). Il est multilingue.
Stratégie de mot de passe/la Force plug-in JQuery Validateur
Force d'un mot de passe doit être vérifié sur le compte de plusieurs paramètres, tels que la présence de caractères spéciaux et de chiffres, la longueur du mot de passe etc.
J'ai trouvé le tutoriel ci-dessous avec belle démo:
http://tinytute.com/2014/06/03/animated-password-strength-checker-quick-easy/
Le bloc de code jQuery:
Espérons que ces jeu de logique pour résoudre le problème
meilleure façon est-ce
JS:
CSS:
HTML:
JS:
Trouver code complet ci-dessous:
HTML:
Script
Veuillez compléter le travail le code source ici