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

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判断与显示字符数

效果图:

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章