键入时按字符重新检查密码

Question

我在键入时正在使用Rec -check密码。有人可以帮助我使用键入密码时检查的代码当按jQuery或JavaScript按下提交按钮时，也会检查长度

Answer 1

您可以通过多种方式执行此操作。该演示将通过使用jQuery验证来解决您的问题。

html

<form class="validatedForm" id="commentForm" method="get" action="">
<fieldset>
    <input name="user[password]" id="user_password" required/><br>
    <input name="user[password_confirmation]" required/>
</fieldset>
</form>
<button>Validate</button>

jQuery

jQuery('.validatedForm').validate({
rules: {
    "user[password]": {
        minlength: 3
    },
    "user[password_confirmation]": {
        minlength: 3,
        equalTo : "#user_password"
        }
    }
});
$('button').click(function () {
  console.log($('.validatedForm').valid());
});

Answer 2

原始答案-https：//stackoverflow.com/a/9717644/7643022

该答案为您提供了所需的解决方案。我刚刚修改了您想要的答案。

html

<div class="td">
    <input type="password" id="txtNewPassword" />
</div>
<div class="td">
    <input type="password" id="txtConfirmPassword" onChange = "checkPasswordMatch();" />
</div>
    <div class="registrationFormAlert" id="divCheckPasswordMatch">
</div>
<div><input type="submit" id="submitbtn"/></div>

jQuery

var incorrectFlag = false;
function checkPasswordMatch() {
    var password = $("#txtNewPassword").val();
    var confirmPassword = $("#txtConfirmPassword").val();
    if (password != confirmPassword)
        incorrectFlag = true;
    else
        incorrectFlag = false;
}
$(document).ready(function () {
   $("#txtConfirmPassword").keyup(checkPasswordMatch);
   $("#submitbtn").onclick(function(e){
       e.preventDefault();
       if (incorrectFlag){
           alert("Password Incorrect");
       } else {
           $('form').submit();
       }
   });
});

Answer 3

应检索实际密码并存储在某个地方，我认为应该将其存储在隐藏的输入中。

$(document.ready(
    var actual_password = $("#hidden_input_password").val();
    $( "#password_text_box" ).keyup(function(event) {
          var input_Password = $(this).val();
          if(input_Password.length > actual_password.length)
          {
              event.preventDefault();
              event.stopPropogation();
              return;
          }
          elseif(input_Password.length === actual_password.length){
              if(input_Password===actual_password) 
              {
                 return;
              }  
              else{
                event.preventDefault();
                event.stopPropogation();
                $(this).addClass("notification");
                return;
              }
           } 
           else{
                     if(input_Password!===actual_password.slice(0,input_Password.length))
    {
                event.preventDefault();
                event.stopPropogation();
                $(this).addClass("notification");
                return;
     }
           }
    });
    );