Limitando números de caracteres em um textarea

16 abr

Uma das coisas mais “chatinhas” de se fazer, são as benditas validações, principalmente de limitar quantidades de caracteres em um determinado campo.

Isso ficou mais simples usando o um pluggin jQuery, como nessa página de exemplo: DEMO

O seu HTML deve ficar assim:

<textarea id="campo"></textarea>
<span id="charsLeft"></span> <!-- contagem de caracteres -->

Vale lembrar que no topo da sua página você deve chamar os arquivos da biblioteca jQuery, para baixar a biblioteca clique aqui
E também chamar a biblioteca do pluggin limit, para baixar o pluggin clique aqui
Então ficaria assim o topo da página:

    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" src="jquery.limit-1.2.js"></script>

E por fim, no $(document).ready você deve aplicar a validação para o campo textarea, onde está com o id campo
Assim:

    <script type="text/javascript">
          $(document).ready(function(){
               $("#campo").limit('200', '#charsLeft');
          });
    </script>

Tags: , , ,

Leave a Reply

*


+ 9 = 15