jQuery – input과 textarea 글자 입력수 제한

해외에서 공유된 코드이다.

원문 : 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);

아직까지 안써봤지만 필요할 때 유용하게 써먹어야지!

TOP