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

最新推荐文章于 2023-03-17 11:01:53 发布

原创最新推荐文章于 2023-03-17 11:01:53 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #纵观千象 #animate

jQuery 专栏收录该内容

46 篇文章

订阅专栏

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

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

DEMO