码迷,mamicode.com
首页 > 其他好文 > 详细

输入框聚焦隐藏提示语

时间:2016-03-29 12:40:40      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

输入框聚焦隐藏提示语

标签:

原文地址:http://www.cnblogs.com/zkthink/p/5332230.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!