해외에서 공유된 코드이다.
원문 : http://www.scriptiny.com/2012/09/jquery-input-textarea-limiter/
(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);
아직까지 안써봤지만 필요할 때 유용하게 써먹어야지!