`
许自己一个未来
  • 浏览: 8902 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

每天一小练 2012.07.16

阅读更多

1、功能:文本框里有提示信息,当得到焦点的时候,提示信息消失,当失去焦点的时候,如果没有填写内容,提示信息出现

<style type="text/css">
.gray{color:#CCC;}
</style>
<script type="text/javascript" src="../../jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function (){
$(".testBlur").addClass("gray")

$(".testBlur").live("focus",function (){//当得到焦点的时候。。。

var currentValue = this.value;

if(currentValue == this.defaultValue){

$(this).val("");

$(this).removeClass("gray");

}
}).live("blur",function (){//失去焦点的时候,如果文本框为空则显示提示信息

var currentValue = $.trim(this.value);

if(currentValue == "" || currentValue.length == 0){

this.value ="请输入整数";

$(this).addClass("gray");

}

});
});
</script>

<input type="text" class="testBlur" value="请输入整数" />

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics