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!!
Tem idéia de como faço para limitar a altura da página no blogspot?
Tentei de forma que se escolhe um determinado destaque ele muda a quantidad de limit só que ai dá problema aparece os dois ao mesmo tempo
exemplo
function destaques(chk)
{
if(chk.value==6){var limite=100;}else{limite==300;}
$(document).ready(function(){
$(‘textarea’).limit(limite,’#left’);
});
se eu mudar o destaque digamos pra menor que 6 ele mistura fica piscando.
alguem sabe como resolver isso ?
}
Olá, tive um probleminha: precisava implementar o contador em doi textareas na mesma página, mas ele só aceita um, pois não utiliza o id do textarea, e sim, o tipo do campo…
Se alguém puder me ajudar, agradeço…
$(‘ponha aki o id’).limit(limite,’#left’);
Por acaso, tem como fazer a contagem crescente, ex. do zero para o 140?
cara muito bom o plugin, mas tem como fazer a contagem crescente?
Realmente o plugin e muito útil para criação de formulários mais organizados e limitados ao usuário recentemente escrevi um post sobre o mesmo plugin com solução parecida compartilho o link aqui com todos:
http://pluginjquery.com.br/plugin-jquery-limitar-caracteres-digitados/