Heim > Artikel > Web-Frontend > Zwei Methoden für JS zur Implementierung von Passwortebenen, die mindestens Buchstaben, Groß- und Kleinbuchstaben sowie Zeichen- und Javascript-Kenntnisse enthalten
Die Beispiele in diesem Artikel beschreiben zwei Methoden zur Verwendung von JS zur Implementierung von Passwortebenen, die mindestens Buchstaben, Groß- und Kleinbuchstaben sowie Zeichen enthalten. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Vorwort
Passwörter können leicht geknackt werden, wenn sie zu einfach festgelegt sind. Daher stellen viele Websites sehr strenge Anforderungen an Passwörter, normalerweise 2 von 3 Buchstaben, Zahlen und Zeichen, und unterscheiden zwischen Groß- und Kleinschreibung. Wenn das Passwort zu einfach eingestellt ist, wird eine Fehlermeldung ausgegeben. Oder zeigen Sie die Passwortebene (niedrig, mittel und hoch) an, damit Benutzer erweiterte Passwörter festlegen können. Wie implementiert man es also mit JS?
Der Implementierungscode lautet wie folgt:
function passwordLevel(password) { var Modes = 0; for (i = 0; i < password.length; i++) { Modes |= CharMode(password.charCodeAt(i)); } return bitTotal(Modes); //CharMode函数 function CharMode(iN) { if (iN >= 48 && iN <= 57)//数字 return 1; if (iN >= 65 && iN <= 90) //大写字母 return 2; if ((iN >= 97 && iN <= 122) || (iN >= 65 && iN <= 90)) //大小写 return 4; else return 8; //特殊字符 } //bitTotal函数 function bitTotal(num) { modes = 0; for (i = 0; i < 4; i++) { if (num & 1) modes++; num >>>= 1; } return modes; } }
Verwenden Sie
Normaler Gebrauch
Verwendungssyntax: passwordLevel(string)
Validierungsregeln: Zahlen, Großbuchstaben, Kleinbuchstaben, Sonderzeichen
Funktionsergebnis: Gibt die Anzahl der im Passwort
enthaltenen Regeln zurück
Laufbeispiel:
passwordLevel("123456") //返回1 passwordLevel("Abc'123456") //返回4
In Kombination mit jquery.validate.js verwenden:
//添加验证方法:至少包含两种规则 $.validator.addMethod("strongPsw",function(value,element){ if(passwordLevel(value)==1){returnfalse;} returntrue },"格式不符合"); //开始验证 $(".form").validate({ rules:{ pwd:{ required:true, //必填 minlength:6, //最小长度 maxlength:32, //最大长度 strongPsw:true, //密码强度 }, repwd:{ required:true, minlength:6, maxlength:32, equalTo:"#pwd" //再次填写密码需一致 } } });
Freunde, die sich für die Generierung von Passwörtern und die Erkennung der Stärke interessieren, können sich auch an das Online-Tool wenden:
Online-Erkennung der Passwortsicherheit
Generator für starke Passwörter
Kurzlink (kurze URL) Online-Generierungstool
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.