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);

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

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP