JavaScript를 사용하여 HTML 텍스트 영역의 크기를 제한하는 방법은 무엇입니까?

Question

누구나 텍스트 필드의 문자를 제한하고 문자 수를 표시하는 코드가 있습니까?

트위터 상태 입력과 같은 것이 필요하고 온라인에서 아무것도 찾을 수 없습니다. 거기에 아무것도 없다면 아마도 jQuery 플러그인을 만들거나 최소한이 소스를 공개 할 것입니다.

감사합니다.

Answer 1

이 페이지를 살펴 보자 :

Interactive character limit for textarea using Jquery

<script language="javascript"> 
function limitChars(textid, limit, infodiv) 
{ 
    var text = $('#'+textid).val(); 
    var textlength = text.length; 
    if(textlength > limit) 
    { 
     $('#' + infodiv).html('You cannot write more then '+limit+' characters!'); 
      $('#'+textid).val(text.substr(0,limit)); 
      return false; 
    } 
    else 
    { 
     $('#' + infodiv).html('You have '+ (limit - textlength) +' characters left.'); 
     return true; 
    } 
} 
</script> 

는 그런 다음 텍스트 영역의 KeyUp 이벤트에 기능을 결합한다. 이 같은 문서의 jQuery의 ready 이벤트에서이 작업을 수행 : http://www.javascriptkit.com/script/script2/enforceform :

$(function(){ 
    $('#comment').keyup(function() 
    { 
     limitChars('comment', 20, 'charlimitinfo'); 
    }) 
});