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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值