html Textarea Maxlength计数器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html Textarea Maxlength计数器相关的知识,希望对你有一定的参考价值。
(function maxLength(){
$('.js-maxlength').on('input', function(){
var $textarea = $(this),
maxLength = $textarea.attr('maxlength'),
counterSelector = $textarea.data('maxlength-counter');
$(counterSelector).text(maxLength - $textarea.val().length);
});
})();
<textarea class="js-maxlength" data-maxlength-counter="#js-message-counter" maxlength="100"></textarea>
You have <strong id="js-message-counter" class="text-primary">100</strong> characters left.
以上是关于html Textarea Maxlength计数器的主要内容,如果未能解决你的问题,请参考以下文章
在 Html Textarea 中设置 maxlength [重复]
[转]TextArea设置MaxLength属性最大输入值的js代码
Html textarea - maxlength后的颜色字符
使用 Javascript 将 Textarea 的 MaxLength 设置为 50 [重复]
文本区域值计数长度jquery
textarea中的maxlength在Angular中不起作用