Contar e limitar caracteres em textarea
Postado por: Pedro Rogério emjQuery Limit plugin é muito útil se você precisa cortar e limitar caracteres de textareas ou campos input. A utilização é muito simples, basta ficar atento a seguinte estrutura html:
Ainda restam <span id="left"></span> caracteres a serem digitados. <textarea>Lorem ipsum dolor sit amet,</textarea>
Depois basta definir no JavaScript o número máximo de caracteres e qual elemento irá mostrar a contagem de caracteres, no exemplo foi um span com o id “left”:
$('textarea').limit('140','#left');
Se você não deseja mostrar ao usuário o número de caracteres restantes, basta deixar o código dessa forma:
$('textarea').limit('140');
Vejam o exemplo.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Este plugin é realmente útil. Aumenta e muito a usabilidade dos campos de formulário.
Puts tava precisando disso,valeu cara !
Já precisei de um plugin deste, o que usei não era muito bom, mas deu para resolver o problema.
Na hora que pensar em contador de caracteres com limitação, esse será o primeiro.
No meu IE 7 (instalado no vista) não ta rolando, somente no FF
@mateus:
There is a newer version of this plugin at http://www.unwrongest.com/projects/limit/ that works with IE7.
/Jan Jarfalk, Unwrongest.
Opa tava meio sumido aqui devido a correria da vida, mas tamo ai… achei muito bacana o post ainda não testei mas parece ser muito útil.
valeu Pedro.
Bacana, pena que conta também tag html. Estou a procura de um que não conte tag, alguém ai conheçe?
Muito bom o post,estou usando ele.
Interessante o plugin me serviu muito bem vlw pela dica
Fala Pedro, Muito bom este exemplo.
Apenas um comentário sobre, no IE esta dando erro, consegui resolver criando uma variavel ‘var length’ dentro do método substring()
Abs!!