输入框聚焦隐藏提示语

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>

 

posted @ 2016-03-29 11:17  Mr.Oreo  阅读(247)  评论(1)    收藏  举报