Saya share snippet sederhana untuk membuat limiter text dengan menggunakan jQuery. Untuk demo klik tombol "Live Demo" di sebelah kanan :)
Atau klik link ini: http://jsfiddle.net/dvchtt33/
(function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.length; if (chars > limit) { src.value = src.value.substr(0, limit); chars = limit; } elem.html( limit - chars ); } setCount($(this)[0], elem); } }); })(jQuery);
var elem = $("#chars"); $("#text").limiter(100, elem);
HTML:
<textarea id="text" maxlength="100" cols="50" rows="5" placeholder="Enter Text"></textarea> <div id="chars">asa</div>