小编Riy*_*iya的帖子

如何使用 jquery/javascript 动态检查密码验证?

请先完整阅读我的问题,然后再将我的问题分配为重复项。 您好,我尝试在按键期间动态验证密码。实际上,输入密码时它对我有用。但是当我删除密码时只满足两个条件。我的代码和图片如下:

我的密码框html代码是

 <div class="form-group has-feedback">
 <input class="form-control" id="NewPassword" placeholder="New Password"  onkeypress="EnterPassword()" onkeydown="DeletePassword()" type="password">
 <span class="glyphicon glyphicon-lock form-control-feedback"></span>
 </div>
Run Code Online (Sandbox Code Playgroud)

我在密码的每个条件前面使用了 glyphicon-remove 。当我输入密码时,如果满足条件,每个图标都会更改为 glyphicon-ok。

这些是我的密码条件,带有图标: 在此输入图像描述

假设我的密码为Password@123,它包含我需要的所有内容,因此所有图标都更改为ok。 在此输入图像描述

但当我删除密码时,只满足了其中两个条件。 在此输入图像描述

函数代码如下:

 <script type="text/javascript" >
           function EnterPassword() {
            $("#NewPassword").keyup(function () {
            var regex1 = new Array();
            var regex2 = new Array();
            var regex3 = new Array();
            var regex4 = new Array();
                regex1.push("[A-Z]"); //Uppercase Alphabet.
                regex2.push("[a-z]"); //Lowercase Alphabet.
                regex3.push("[0-9]"); //Digit.
                regex4.push("[!@@#$%^&*]"); //Special Character.
     if ($(this).val().length>6) {
      $("#Length").removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok");
    }

    for (var i = 0; i …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery client-side-validation

3
推荐指数
1
解决办法
9660
查看次数

标签 统计

client-side-validation ×1

html ×1

javascript ×1

jquery ×1