Comment limiter la taille d'une zone de texte HTML avec JavaScript?

Question

Quelqu'un at-il du code pour limiter les caractères dans un champ de texte et afficher le nombre de caractères?

J'ai besoin de quelque chose comme l'entrée de statut Twitter et je ne trouve rien en ligne. S'il n'y a rien là-bas, je vais probablement faire un plugin jQuery ou au moins ouvrir cette chose.

Merci!

Answer 1

Jetez un oeil à cette page:

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> 

lient ensuite la fonction à l'événement keyup de votre textarea. Pour ce faire, en cas de prêt jQuery du document comme celui-ci:

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