textarea输入框的字数限制与输入字数显示

最新推荐文章于 2025-05-14 21:45:37 发布

超超_1号

最新推荐文章于 2025-05-14 21:45:37 发布

阅读量3.6k

点赞数 1

分类专栏：前端文章标签： HTML jQuery textarea

本文链接：https://blog.csdn.net/qq_42751377/article/details/96841688

版权

前端专栏收录该内容

6 篇文章

订阅专栏

html

<div class="form_message1">
    <textarea class="form_control form_message2" type="text" name="message" maxlength="254" placeholder="请输入您的留言"></textarea>
    <p class="font_num">0</p>/254
</div>

<script>
	$(function(){
		$('textarea').on('input propertychange', function(){
			var _length = $(this).val().length;
         	$('.font_num').html(_length);
		});
		
	});
</script>

其中maxlength参数为输入框内最大字符数，可以用来限制最大字数，最少字符数为minlength

使用juqery判断与显示字符数

效果图：