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>