(javascript/jquery) Limite de caracteres em textarea

Para quem quiser adicionar limite de caracteres e avisar ao usuário quando o mesmo for atingido, pode fazer o uso deste script

para visualizar Clique aqui
Para baixar os arquivos Clique aqui

jQuery.fn.limite = function() {

	$(this).each(function(){

		var qtd = $(this).attr('maxlen');

		var length = $(this).val().length;

		var num = qtd - length;

		var posicao = $(this).attr('posicao');		

		$(this).after("<div id='limite"+posicao+"'>" + num + " caracteres restantes" + "<\/div>");

		$(this).keyup(function(){

			var new_length = $(this).val().length;

			var num = qtd - new_length;

			if(new_length <= qtd && num > 0){

				$(this).parent().find('#limite'+posicao).html( num + ' caracteres restantes.');

			}else{

				$(this).parent().find('#limite'+posicao).html('Total de caracteres permitido já foi digitado.');

				$(this).val($(this).val().substring(0,qtd));

			}

		});

	});

}
Compartilhar:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • RSS
  • Twitter
  • Add to favorites
  • Diigo
  • email
  • LinkedIn
  • Live
  • Mixx
  • MySpace
  • PDF
  • Sphinn
  • StumbleUpon
  • Yahoo! Bookmarks

Tags: ,

4 Responses to “(javascript/jquery) Limite de caracteres em textarea”

  1. Diego says:

    Ótima dica, na web quanto mais informações/dicas passarmos para o usuário, melhor. Falando em dica, já experimentou trocar o evento keyup por keypress? http://docs.jquery.com/Events/keypress

  2. muito obrigado.

  3. Marcelo Oliveira :

    muito obrigado.

    denada.

  4. Diego :

    Ótima dica, na web quanto mais informações/dicas passarmos para o usuário, melhor. Falando em dica, já experimentou trocar o evento keyup por keypress? http://docs.jquery.com/Events/keypress

    No final das contas da na mesma, mas pode ser utilizado com keypress também.

Leave a Reply