Jquery 글자수 체크

공수래 2013.03.16 16:18 조회 수 : 2378

어디서 카피 했는지 생각이 나지않지만...


$(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>
    <DIV class=remaining>남은 글자수: <SPAN class="count">10</SPAN></DIV> 

  • 인기글
  • 최근글
  • 최근댓글