textarea字数控制

大家都知道input的maxlength属性可以控制允许用户输入的字数,但是textarea却不支持此属性。在这里我推荐一段我平时用于控制textarea字数的js代码(jquery写的)。

 <textarea id="input_4" name="input_4" placeholder="限25字" cols="30" rows="4" maxlength="25"></textarea>
                        </label>
                                     </td>
                    <td width="84"><span class="un">还可以输入<font id="xxxx">25</font>个字,不支持恶意html语法</span></td>
<script type="text/javascript">
$('textarea').each(function() {
var ta = $(this), p = ta.parent(), ml = parseInt(ta.attr('maxlength')),
v = ta.val(), h = ta.attr('placeholder');
if (v == h) v = '';
if (h && ml) {
//var sp = '<span style="bottom: 10px;position: absolute;right: -10px;">'+v.length+'/'+ml+'</span>';
p.css({'position': 'relative'});
//ta.before(sp);
ta.bind('click keyup', function() {
var m = $(this), v1 = m.val();
if (v1.length > ml) {
m.val(v1.substring(0, ml))
}
//m.prev().text(m.val().length + '/' + ml);
$("#xxxx").text(ml-m.val().length);
});
}
});
</script>



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值