input输入框为空提示内容变化

iteye_13003

于 2014-05-28 11:58:03 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签：乔乐共享纵观千象 animate

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82580899

jQuery 专栏收录该内容

46 篇文章

订阅专栏

本文通过一个简单的示例展示了如何在校验用户输入为空时进行提示并恢复原始状态。此过程使用了jQuery来实现动画效果及文本替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 如果输入内容为空
var captionTxt = $(".caption").text();
if(!inputContent){
	$(".caption").text("请输入内容").animate({opacity: 1.25}, 3000, function(){
		$(this).text(captionTxt);
	});
	$("#inputContentArea").val("").focus();
	return;
}

DEMO