textarea文字个数倒数，随时提示效果

最新推荐文章于 2022-09-08 18:47:44 发布

weixin_34198797

最新推荐文章于 2022-09-08 18:47:44 发布

阅读量300

点赞数

文章标签： python

原文链接：https://my.oschina.net/ydsakyclguozi/blog/378625

版权

2019独角兽企业重金招聘Python工程师标准>>>

看某个站的源码实现思路如下：

html:

<div class="family_v2">
    <p class="nickname_v2">简介：</p>
     <textarea id="content" name="sign" style="height:60px;overflow-y: hidden;" 
     onkeyup="changeLength(this,60)" class="nicknameBox_v2 brief_box_v2">
     </textarea>
     <div class="limit_num_v2">
         <h3>60</h3>
    </div>
 </div>

js:

//验证textarea的长度
function changeLength(obj,lg){
	var len = $(obj).val();
	$(obj).next().find("h3").text(lg-len.length);
	if(len.length>=lg){
		$(obj).next().find("h3").text(0);
		$(obj).val(len.substring(0,lg));
	}
}

转载于:https://my.oschina.net/ydsakyclguozi/blog/378625