input，textarea计算文本域字数

dujunuan

已于 2022-04-28 16:55:31 修改

阅读量216

点赞数

分类专栏： js 文章标签： js

于 2021-05-08 14:21:16 首次发布

本文链接：https://blog.csdn.net/dujunuan/article/details/116526239

版权

JavaScript DOM操作字数统计字符限制用户输入

关键词由CSDN通过智能技术生成

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<textarea class="comment-input J_CommentInput" maxlength="100" placeholder="请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。"></textarea>
                    <span class="J_CommentWordsCount">0</span>/<span class="J_CommentWordsCountLimit">100</span>

$(document).on('keyup', '.J_CommentInput', function() {
		numLimit($(this));
	});
	$(document).on('focus', '.J_CommentInput', function() {
		numLimit($(this));
	});

	function numLimit(obj) {
		var val = obj.val();
		var num = val.length;

		var limit = parseInt(obj.next().find(".J_CommentWordsCountLimit").text());
		if (num>limit) {
			num = limit;
			obj.val(HB.util.cut_str(val, limit));
		}
		obj.next().find(".J_CommentWordsCount").text(num);
	}