首页 > 其他 > 详细

输入框聚焦隐藏提示语

时间:2016-03-29 12:40:21      阅读:173      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!