Javascript onkeyup时Jquery文本隐藏和显示

我想在onkeyup时使用jquery文本显示和隐藏

但它不起作用

这是我的密码

这是我的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;


}

}

Auth.joinCheck=函数（模式）{
var参数；
var password1=$（“#userpasswordPre”）.val（）；
var password2=$（“#userpasswordCon”）.val（）；
//核对身份证
如果（模式==1）{
param=$（“#用户名”）.val（）；
如果（参数长度<2）{
$（“#joinNav div.msgRow”）.show（）；
$（“#joinNav button.btnJoin”）.prop（“disabled”，true）；
}
否则{
$（“#joinNav div.msgRow”）.hide（）；
$（“#joinNav button.btnJoin”）.prop（“禁用”，false）；
}
返回false；
}
否则如果（模式==2）{
if（password1.length<4）{
$（“#joinNav div.msgRow1”）.show（）；
$（“#joinNav button.btnJoin”）.prop（“disabled”，true）；
}否则{
$（“#joinNav div.msgRow1”）.hide（）；
$（“#joinNav button.btnJoin”）.prop（“禁用”，false）；
}
返回false；
}否则如果（模式==3）{
如果（密码1！=密码2）{
$（“#joinNav div.msgRow2”）.show（）；
$（“#joinNav button.btnJoin”）.prop（“disabled”，true）；
}否则{
$（“#joinNav div.msgRow1”）.hide（）；
$（“#joinNav button.btnJoin”）.prop（“禁用”，false）；
}
返回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>

身份证件：
Id必须大于4个字母

我的css关于

msgRow:none

text.show（）

有效，但键入的Id超过4个字母

text.hide（）
我对代码做了一些更改。


css->msgRow显示有问题：无；您可以使用编辑功能对问题进行更改。也，
 document.getElementById("username").addEventListener("keyup", function () {
     Auth.joinCheck(1)
});