个人中心
gpt4 book ai didi

jquery - 密码强度不按规则工作

转载 作者：行者123 更新时间：2023-12-01 00:26:42 25 4
gpt4 key购买 nike

如何更新此规则的以下代码，我尝试过，但似乎总是当我输入 T&5 (UppercaseSymbolNumber) 时很强。

Rule:
at least 9 characters(Any)
two special characters
two numbers
two uppercase letters

There will be two strength type:
1) Week: If not fulfill all Rules.
Then System will not allow for process
2) Good strong password If
All rules fulfill - accept registration

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            body
            {
                font-family: Arial;
                font-size: 10pt;
            }
            #password_strength
            {
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <input type="text" id="txtPassword" />
        <span id="password_strength"></span>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () { 
                $("#txtPassword").bind("keyup", function () {
                    //TextBox left blank.
                    if ($(this).val().length == 0) {
                        $("#password_strength").html("");
                        return;
                    }

                    //Regular Expressions.
                    var regex = new Array();
                    regex.push("[A-Z]"); //Uppercase Alphabet.
                    regex.push("[^A-Z$@$!%*#?&0-9]"); //Lowercase Alphabet.
                    regex.push("[0-9]"); //Digit.
                    regex.push("[$@$!%*#?&]"); //Special Character.

                    var passed = 0;

                    //Validate for each Regular Expression.
                    for (var i = 0; i < regex.length; i++) {
                        if (new RegExp(regex[i]).test($(this).val())) {
                            passed++;
                        }
                    }

                    //Validate for length of Password.
                    if (passed > 2 && $(this).val().length >= 9) {
                        passed++;
                    }

                    //Display status.
                    var color = "";
                    var strength = "";
                    switch (passed) {
                        case 0:
                        case 1:
                            strength = "Weak";
                            color = "red";
                            break;
                        case 2:
                            strength = "Good";
                            color = "darkorange";
                            break;
                        case 3:
                        case 4:
                            strength = "Strong";
                            color = "green";
                            break;
                        case 5:
                            strength = "Very Strong";
                            color = "darkgreen";
                            break;
                    }
                    $("#password_strength").html(strength);
                    $("#password_strength").css("color", color);
                });
            });
        </script>
    </body>
</html>

最佳答案

T&5 匹配 3 个正则表达式 - 大写字母、数字 和 特殊字符 - 因此是 强。。如果您需要检查两个个大写字母、两个个数字和两个个特殊字符，请按如下方式修改现有正则表达式:

regex.push("[A-Z][^A-Z]*[A-Z]");
regex.push("[0-9][^0-9]*[0-9]");
regex.push("[@$!%*#?&][^@$!%*#?&]*[@$!%*#?&]");

这些基本上测试您想要需要的字符，然后是除您需要的字符之外的任何 0+ 字符(使用带有 * 量词的否定字符类等效项(反义词类)定义)，然后所需字符的第二次出现与初始字符类的另一个实例相匹配。

还有一点:只有在通过 > 2时才检查长度。如果是，您只需增加 passed 即可。您需要对字符串长度添加额外的检查，如果满足要求，则增加 passed 。

看看下面的示例演示。

$(function() {
  $("#txtPassword").bind("keyup", function() {
    //TextBox left blank.
    var text = $(this).val();
    if (text.length == 0) {
      $("#password_strength").html("");
      return;
    }

    //Regular Expressions.
    var regex = new Array();
    regex.push("[A-Z][^A-Z]*[A-Z]"); //Uppercase Alphabet.
    regex.push("[^A-Z$@$!%*#?&0-9]"); //Lowercase Alphabet.
    regex.push("[0-9][^0-9]*[0-9]"); //Digit.
    regex.push("[@$!%*#?&][^@$!%*#?&]*[@$!%*#?&]"); //Special Character.
    var passed = 0;

    //Validate for each Regular Expression.
    for (var i = 0; i < regex.length; i++) {
      if (new RegExp(regex[i]).test(text)) {
        console.log(text + " passed: " + regex[i]); // Console!
        passed++;                                   // Increment on match
      }
    }
    
    //Validate for length of Password.
    if (text.length >= 9) {
         console.log(text + " passed length check"); // Console!
    	 passed++;                                   // Increment if length is OK
    }
    
    //Display status.
    var color = "";
    var strength = "";
    switch (passed) {
      case 0:
      case 1:
        strength = "Weak";
        color = "red";
        break;
      case 2:
        strength = "Good";
        color = "darkorange";
        break;
      case 3:
      case 4:
        strength = "Strong";
        color = "green";
        break;
      case 5:
        strength = "Very Strong";
        color = "darkgreen";
        break;
    }
    $("#password_strength").html(strength);
    $("#password_strength").css("color", color);
  });
});
body {
  font-family: Arial;
  font-size: 10pt;
}

#password_strength {
  font-weight: bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtPassword" />
<span id="password_strength"></span>

关于jquery - 密码强度不按规则工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37938875/

25 4 0
文章推荐： javascript - 我可以在 Vue/Vuex 中使用 mapGetters 动态调用 getter 吗？
文章推荐： PHP 不插入 MySQL 数据库，所有语句都在那里
文章推荐： javascript - 使用 addEventListener 附加的函数内的其他函数是否也会附加？
文章推荐： php - 选择更新
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com