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)
});

当onkeyup时，Jquery文本隐藏并显示

1 个答案: