Question

我正在打字时重新检查密码。任何人都可以帮我查看输入密码的代码，如果在输入时字符不完全匹配则显示通知，并在提交按钮时检查长度在jquery或javascript中按下

Answer 1

您可以通过多种方式完成此操作。这个DEMO将通过使用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;

     }
           }
    });
    );

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

3 个答案:

HTML

JQuery的