如何用JavaScript限制HTML textarea的大小？

Question

任何人都有代碼來限制文本字段中的字符並顯示字符數？

我需要像twitter狀態輸入的東西，我不能在網上找到任何東西。如果沒有任何東西，我可能會製作一個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> 

然後函數綁定到你的textarea的keyup事件。在jQuery的像這樣的文檔準備事件做到這一點：

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