                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

如果名字已经输入成功，如何隐藏提示文字

请师兄指点

攻城狮3343388

2016-05-13

源自：jQuery基础课程 6-8

关注问题我要回答

555

操作

收起

7 回答

明哥思密达回答被采纳 +3 积分
2016-05-14

这样写

$(function(){

$("#txtest").focus(function(){

$("div").html("请输入您的姓名");

})

$("#txtest").keydown(function(){

if($(this).val().length!=0)

{

$("div").css("display","none");

}

})

});

0 回复有任何疑惑可以回复我~

#1

攻城狮3343388 提问者

<p> 三科，思密达 </p>

2016-05-14 回复有任何疑惑可以回复我~

慕娘9282524
2016-05-15

记得 input里有个 placeholder(哈哈) 属性的效果好像就是你想要的。

0 回复有任何疑惑可以回复我~

攻城狮3343388 提问者
2016-05-14

<p>谢谢，三可思密达</p>

0 回复有任何疑惑可以回复我~

明哥思密达
2016-05-14

你们这样改效果不好，应该是当input得到focus时，并且用户一旦输入内容，下面的文字就没了，而不是失去焦点时消失

0 回复有任何疑惑可以回复我~

HoooooHooo
2016-05-13

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>表单中文本框的focus和blur事件</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>表单中文本框的focus和blur事件</h3>
        <input id="txtest" type="text" value="" />
        <div></div>
        
        <script type="text/javascript">
            $(function () {
                $("input").bind("focus", function () {
                    $("div").html("请输入您的姓名！");
                })
                .bind("blur",function () {
                    if ($(this).val().length == 0){
                        $("div").html("你的名称不能为空！");
                    }else{
                       $("div").html(""); 
                    }
                })
            });
        </script>
    </body>
</html>

就是把html（）里面的东西设置为空，不知道是不是你要的效果。

0 回复有任何疑惑可以回复我~

ahao430
2016-05-13

在blur后面加上判断语句即可，

.bind("blur", function () {

if ($(this).val().length== 0)

{

$("div").html("你的名称不能为空！");

}else{

$("div").html("");

}

0 回复有任何疑惑可以回复我~

云雾_
2016-05-13

同问。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154715 人
解答问题 7289 个

加入课程学习，有效提高前端开发速度

如果名字已经输入成功，如何隐藏提示文字

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号