<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>textarea文本域控制字数多少（带数字，数字减小）</title> <script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js"></script> </head> <body> <textarea class="area" name="ss" placeholder="请输入文本内容"></textarea> <p><span class="text-count">30</span>/30</p> <script type="text/javascript"> /*字数限制*/ $(".area").on("input propertychange", function() { var $this = $(this), _val = $this.val(), count = ""; /*if (_val.length < 10) { alert(13); } */ if (_val.length > 30) { $this.val(_val.substring(0, 30)); } count = 30 - $this.val().length; $(".text-count").text(count); }); </script> </body> </html>
