输入框聚焦隐藏提示语


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

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>