jquery文本隱藏和顯示時onkeyup

Question

我想使用jquery文本顯示和隱藏onkeyup時。

但它不起作用

這是我的代碼。

這是我的jQuery

Auth.joinCheck = function(mode){ 

var param; 
var password1 = $("#userpasswordPre").val(); 
var password2 = $("#userpasswordCon").val(); 

//check id 

if(mode == 1){ 
    param =$("#username").val(); 
    if(param.length < 2){ 
     $("#joinNav div.msgRow").show(); 
     $("#joinNav button.btnJoin").prop("disabled",true); 
    } 
    else{ 
     $("#joinNav div.msgRow").hide(); 
     $("#joinNav button.btnJoin").prop("disabled",false); 
    } 
    return false; 
} 
else if(mode == 2){ 
    if(password1.length < 4){ 
     $("#joinNav div.msgRow1").show(); 
     $("#joinNav button.btnJoin").prop("disabled",true); 
    }else{ 
     $("#joinNav div.msgRow1").hide(); 
     $("#joinNav button.btnJoin").prop("disabled",false); 
    } 
    return false; 
}else if(mode == 3){ 
    if(password1 != password2){ 
     $("#joinNav div.msgRow2").show(); 
     $("#joinNav button.btnJoin").prop("disabled",true); 
    }else{ 
     $("#joinNav div.msgRow1").hide(); 
     $("#joinNav button.btnJoin").prop("disabled",false); 
    } 

    return false; 


} 

} 

這是我的HTML代碼

 <div class="form-group joinName"> 
      <span>ID :</span><input type="text" class="form-control" id="username" onkeyup="Auth.joinCheck(1);" required /> 
     </div> 
     <div class="msgRow">Id must be more than 4 letter</div> 

和我的CSS約msgRow:none;

text.show()的工作，但類型ID超過4個字母，

text.hide()不工作...

Answer 1

檢查這個小提琴。
我對代碼做了一些修改。
https://jsfiddle.net/mkd68r8f/

document.getElementById("username").addEventListener("keyup", function() { 
    Auth.joinCheck(1) 
});