输入框聚焦隐藏提示语

Posted 2020-06-30

javascript：

function focus(){
    $(".input_txt").each(function(){
        var thisVal=$(this).val();
        //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示
        if(thisVal!=""){
            $(this).siblings("label").hide();
        }else{
            $(this).siblings("label").show();
        }
        //聚焦型输入框验证
        $(this).focus(function(){
            $(this).siblings("label").hide();
        }).blur(function(){
                var val=$(this).val();
                if(val!=""){
                    $(this).siblings("label").hide();
                }else{
                    $(this).siblings("label").show();
                }
            });
    });
}

View Code

html：

<div class="loginFormIpt showUsername">
　　<input class="loginFormTdIpt input_txt" title="请输入用户名" id="txt_Username" name="txt_Username" type="text"/>
　　<label for="txt_Username" class="placeholder">用户名</label>
</div>