每天一小练 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="请输入整数" />