해외에서 공유된 코드이다.
원문 : 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);
아직까지 안써봤지만 필요할 때 유용하게 써먹어야지!