Javascript 当在输入字段中键入一定数量的字符时，如何使元素显示（例如勾号）？

我创建了一个简单的Javascript验证脚本：

var el = document.getElementById("username");
var el_pwd = document.getElementById("password");
var el2 = document.getElementById("feedback");
var el3 = document.getElementById("ok");
var el4 = document.getElementById("ok2");

function checkUsername() {
var username = el.value;
var password = el_pwd.value;
  if((username.length < 5) & (password.length <= 0)) {
      el2.className = 'warning'; 
      el2.textContent = "Username Not long enough yet..";
      el2.style.color = "red";
      } else {

        el2.textContent = " ";
  }
}

function checkPassword() {
var username = el.value;
var password = el_pwd.value;
   if((username.length >= 5) & (password < 7) ) {

   el2.textContent = "Password MUST be 7 or more characters";
   el2.style.color = "red";
   } else if ((username.length <= 4) & (password.length <= 0))  {

              el2.className = 'warning'; 
              el2.textContent = "Username Not long enough yet..";
              el2.style.color = "red";


   } else {
         el2.textContent = " ";
    }
  }

function usernameOK() {
var username = el.value;
    if(username.length >= 5) {
    el3.style.display="block";
    } else {
      el3.style.display = "none";
   } 
}

function passwordOK() {
var password = el_pwd.value;

if(password.length >= 7) {
el4.style.display="block";
} else {
    el4.style.display = "none";
  }
} 

function feedBack() {
   el2.className = 'tip';
   el2.textContent = "The username MUST be at least 5 characters";
   el2.style.color = "blue";
}




    el.addEventListener("focus", feedBack, false);
    el.addEventListener("blur", checkUsername, false);
    el.addEventListener("blur", usernameOK, false);

    el_pwd.addEventListener("focus", checkPassword, false);
    el_pwd.addEventListener("blur", passwordOK, false);

var el=document.getElementById（“用户名”）；
var el_pwd=document.getElementById（“密码”）；
var el2=document.getElementById（“反馈”）；
var el3=document.getElementById（“ok”）；
var el4=document.getElementById（“ok2”）；
函数checkUsername（）{
var username=el.value；
var password=el_pwd.value；
如果（（username.length<5）和（password.length=5）和（password<7））{
el2.textContent=“密码必须为7个或更多字符”；
el2.style.color=“红色”；
}else if（（username.length=7）{
el4.style.display=“block”；
}否则{
el4.style.display=“无”；
}
} 
函数反馈（）{
el2.className='tip'；
el2.textContent=“用户名必须至少包含5个字符”；
el2.style.color=“蓝色”；
}
el.addEventListener（“焦点”，反馈，错误）；
el.addEventListener（“模糊”，复选用户名，假）；
el.addEventListener（“模糊”，用户名OK，false）；
el_pwd.addEventListener（“焦点”，检查密码，错误）；
el_pwd.addEventListener（“模糊”，密码OK，假）；

我想做的是，当用户输入完所需数量的字符后，在密码输入旁边显示一个绿色的勾号

我让它工作，以便绿色勾号出现在“模糊”上，但我不知道如何按照我想要的方式进行

我猜它要么和按键有关要么和按键有关

以下是更好地理解我试图实现的目标的JSFIDLE：

抱歉，它有点笨重（我已经在代码审查时询问了我能做些什么使它更实用），但我仍在学习

任何输入都将不胜感激！

在添加侦听器时，只需将“模糊”替换为“键控”：

el.addEventListener("keyup", checkUsername, false);

---

当你添加听众时，将“模糊”替换为“键控”。天哪，这么简单，我觉得自己太笨了…谢谢你！不要。我们都去过那里…：）我将把它放在一个答案中，这样问题就不会显得没有解决。太好了！再次感谢你！