글자수 체크

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 45회 작성일 17-12-05 17:13

본문

$(function() {

    $('.remaining').each(function() {

        // count 정보 및 count 정보와 관련된 textarea/input 요소를 찾아내서 변수에 저장한다.

        var $count = $('.count', this);

        var $input = $(this).prev();

        // .text()가 문자열을 반환하기에 이 문자를 숫자로 만들기 위해 1을 곱한다.

        var maximumCount = $count.text() * 1;

        // update 함수는 keyup, paste, input 이벤트에서 호출한다.

        var update = function() {

            var before = $count.text() * 1;

            var now = maximumCount - $input.val().length;

            // 사용자가 입력한 값이 제한 값을 초과하는지를 검사한다.

            if (now < 0) {

                var str = $input.val();

                alert('글자 입력수가 초과하였습니다.');

                $input.val(str.substr(0, maximumCount));

                now = 0;

            }

            // 필요한 경우 DOM을 수정한다.

            if (before != now) {

                $count.text(now);

            }

        };

        // input, keyup, paste 이벤트와 update 함수를 바인드한다

        $input.bind('input keyup paste', function() {

            setTimeout(update, 0)

        });

        update();

    });

});

 

 

<textarea id="contenthelp"></textarea>

댓글목록

등록된 댓글이 없습니다.

로그인