如何更改（打勾）输入密码时验证密码的提示？

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在输入时验证客户端的密码，方法是更改​​密码提示与给定密码的有效性。在编码/服务器端，我已经添加了验证和它的工作。在客户端，我想提醒用户使用提示。如何更改（打勾）输入密码时验证密码的提示？

例只是如何我想：

。

我想改变glyphicon删除图标到OK一旦满足密码的验证。这只是告诉用户他们的密码可以有效或无效的用户指令。下面

<div class="row" style="text-align:left; font-weight:bold ; color:navy;"> 
Password Hint: 
</div> 
<div class="row" style=" color:black; margin:10px 0px"> 
<span id="Length" class="glyphicon glyphicon-remove" style="font-weight:bold;color:red "></span> &nbsp; Minimum 6 digits 
<br /><span id="UpperCase" class="glyphicon glyphicon-remove" style="font-weight:bold;color:red "></span> &nbsp;Atleast 1 upper case letters (A – Z) 
<br /><span id="LowerCase" class="glyphicon glyphicon-remove" style="font-weight:bold;color:red "></span>&nbsp; Atleast 1 Lower case letters (a – z) 
<br /><span id="Numbers" class="glyphicon glyphicon-remove" style="font-weight:bold;color:red "></span> &nbsp;Atleast 1 number (0 – 9) 
<br /><span id="Symbols" class="glyphicon glyphicon-remove" style="font-weight:bold;color:red "></span>&nbsp; Atleast 1 non-alphanumeric symbol (e.g. ‘@@Z$%£!’) 
</div>

脚本：下面

代码

<script type="text/javascript" > 
     $(function() { 
     $("#NewPassword").bind("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("[[email protected]@#$%^&*]"); //Special Character. 
     if ($(this).val().length<6) { 
       $('#Length').removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok ");    
      } 
     for (var i = 0; i < regex1.length; i++) { 
       if (new RegExp(regex[i]).test($(this).val())) { 
        $('#UpperCase').removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok "); 
       } 
      } 
     for (var i = 0; i < regex2.length; i++) { 
       if (new RegExp(regex[i]).test($(this).val())) { 
        $('#LowerCase').removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok"); 
       } 
      } 
     for (var i = 0; i < regex3.length; i++) { 
       if (new RegExp(regex[i]).test($(this).val())) { 
        $('#Numbers').removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok"); 
       } 
      } 
     for (var i = 0; i < regex4.length; i++) { 
       if (new RegExp(regex[i]).test($(this).val())) { 
        $('#Symbols').removeClass("glyphicon glyphicon-remove").addClass("glyphicon glyphicon-ok"); 
       } 
      } 
     }); 
     }); 
    </script>

我的密码文本框ID为 “新密码”。但我上面的编码不起作用。我只有显示器，但没有工作。

回答：

它看起来只是在你的JavaScript错字。每次你循环访问你的数组时，你都会引用regex [i]而不是regex1 [i]，或者你将循环访问哪个数组。

我已经调整了造型咯，只是为了得到它在本地工作。

<div class="row" style=" color:black; margin:10px 0px"> 
     <p id="Length" class="alert alert-danger">Minimum 6 digits</p> 
     <p id="UpperCase" class="alert alert-danger">At least 1 upper case letters (A – Z)</p> 
     <p id="LowerCase" class="alert alert-danger"> At least 1 Lower case letters (a – z)</p> 
     <p id="Numbers" class="alert alert-danger">At least 1 number (0 – 9)</p> 
     <p id="Symbols" class="alert alert-danger"> At least 1 non-alphanumeric symbol (e.g. ‘@@Z$%£!’)</p> 
    </div>

这是刚设置正则表达式变量之后的javascript。

$('p.alert').removeClass('alert-success').addClass('alert-danger'); 
      if ($(this).val().length<6) { 
       $('#Length').removeClass("alert-danger").addClass("alert-success"); 
      } 
      for (var i = 0; i < regex1.length; i++) { 
       if (new RegExp(regex1[i]).test($(this).val())) { 
        $('#UpperCase').removeClass("alert-danger").addClass("alert-success"); 
       } 
      } 
      for (var i = 0; i < regex2.length; i++) { 
       if (new RegExp(regex2[i]).test($(this).val())) { 
        $('#LowerCase').removeClass("alert-danger").addClass("alert-success"); 
       } 
      } 
      for (var i = 0; i < regex3.length; i++) { 
       if (new RegExp(regex3[i]).test($(this).val())) { 
        $('#Numbers').removeClass("alert-danger").addClass("alert-success"); 
       } 
      } 
      for (var i = 0; i < regex4.length; i++) { 
       if (new RegExp(regex4[i]).test($(this).val())) { 
        $('#Symbols').removeClass("alert-danger").addClass("alert-success"); 
       } 
      }

以上是 如何更改（打勾）输入密码时验证密码的提示？ 的全部内容， 来源链接： utcz.com/qa/262286.html

回到顶部