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判斷與顯示字符數

效果圖：