wilson's story

jquery 글자수 체크 본문

Javascript

jquery 글자수 체크

wilson 2012. 1. 11. 17:06
반응형

        /**
         * 목적 : 참고사항 글자수 체크
         * 매개변수 : 없음
         * 반환값 : 없음
         * 개정이력 : 없음
         */
        $('#remaining').each(function(){
            var $count = $('#count', this);
            var $input = $("#refCn");
            var maximumCount = $count.text() * 1;
            
            var update = function(){
                var before = $count.text() * 1;
                var now = maximumCount - $input.val().length;
                
                // 사용자가 입력한 값이 제한 값을 초과하는지를 검사한다.
                if (now < 0) {
                    var str = $input.val();
                    $("#refCn").focus();
                    var inputVal = str.substr(0, maximumCount);
                    alert('200자를 초과하였습니다.');
                    now = 0;
                    $input.val(inputVal);
                }
                
                // 필요한 경우 DOM을 수정한다.
                if (before != now) {
                    $count.text(now);
                }
            };
            $input.bind('input keyup paste', function(){
                setTimeout(update, 0);
            });
            update();
            
        });

(*200자 이내로 작성합니다.)   
반응형