
Desde de que comecei a utilizar jquery, venho encontrando e criando plugins que facilitam minha vida na hora de desenvolver aplicações web. Este plugin é um dos que criei e resolvi compartilhar. Outros virão, não publiquei ainda devido falta de tempo de documentá-los.
Com o jQuery Limite Char você limita facilmente o número de caracteres e ainda apresenta um contador de caracteres digitados:
Requerimentos
<script src="jquery-1.4.2.min.js" type="text/javascript"><!--mce:0--></script>
<script src="jquery.limite-char-1.0.js" type="text/javascript"><!--mce:1--></script>
Modo de utulização
$(document).ready(function(){
$("#campo1").limit(20, "#contador1");
$("#campo2").limit(500, "#contador2");
});
Formulário
<div id="conteudo">
<label>Campo INPUT</label>
<input id="campo1" type="text" />
<label>Campo TEXTAREA</label>
<textarea id="campo2" cols="10" rows="5"></textarea></div>
Só isso!
Demonstração