javascript - jQuery 密码强度检查器

Question

我是 jQuery 的新手，我编写了一个简单的函数来检查每次按键的密码强度。

这个想法是每次用户输入一个字符时，内容都会被评估以测试他们输入的密码的强度......我相信每个人以前都见过这些。

无论如何，我使用的逻辑是没有密码以值 1 开头。当使用小写字符时，分数递增到 2。当使用数字时，分数再次递增 1，同样适用于当使用大写字符且密码长度为 5 个或更多字符时。

返回的是每次按键时密码的强度，从 1 到 5 不等。

那么，关于我的问题。我完成它的方式似乎不太像 jQuery ... 几乎就像我刚刚完成直接 javascript 一样。我也想知道我的逻辑。我做了什么或忽略了什么吗？比我聪明的人有什么建议吗？

如有任何建议或建议，我们将不胜感激。

$(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);
        });
     });

Answer 1

最好的方法是按照 TJB 的建议使用现有的插件。

至于你关于代码本身的问题，更好的方法是这样写:

var pass = "f00Bar!";

var strength = 1;
var arr = [/.{5,}/, /[a-z]+/, /[0-9]+/, /[A-Z]+/];
jQuery.map(arr, function(regexp) {
  if(pass.match(regexp))
     strength++;
});

(已修改以更正语法错误。)