如何在jQuery中设置8个字符的最小密码

Question

我只是想在jquery的文本框中设置8个字符的最小密码。这是我到目前为止所做的，但它不起作用：

    $(function() {
var passwordLength = $('#password').val().length;


 if(passwordLength < 8) {
     $('#password').next('.error').css('display', 'inline');
 } 

 }); 

 $('#password').change(function() {
 $(this).next('.error').css('display', 'none');
 });

Answer 1

检查长度应该在onchange事件中。 移动它，应该工作：

$(function() {

 var passwordInput = $('#password').change(function() {

   var passwordLength = passwordInput.val().length;
   var errorDisplay = (passwordLength < 8)?'inline':'none';

   passwordInput.next('.error').css('display', errorDisplay);

 });

});

Answer 2

$(document).ready(function(){
   $('#password').on('keyup',function(){
        var Password = $(this).val();
        if (Password.length < 8){
            $('#password').next('.error').css('display', 'inline');
        }else{
            $(this).next('.error').css('display', 'none');
        }
   });
});