Limitar textarea

[hhhhhh 0]

Olá pessoal. Como posso fazer uma função em JavaScript que limite a quantidade caracteres de um textarea em 300 caracteres ?

 

Mas essa função teria que ser genéria, pois ela deverá ser utilizada em vários textarea. Eu fiz uma assim, mas não consegui fazer ela de uma forma genérica, para que eu passe o nome do campo e ele faça a validação:

 

function checkLength2(field) {	var limit = 300;	var total = document.form1.total2.value;	var totalCaracter;	var fieldSize = field.length;	if(fieldSize > limit) {		alert("Este campo está limitado em "+ limit +" caracteres.");		return false;	}	else {		event.keyCode = 0;		totalCaracter = limit - fieldSize;		document.form1.total2.value = totalCaracter;		return true;	}}

Eu tb preciso mostrar em um campo, a quantidade de caracteres que já foram digitados no textarea..

 

Obrigado pela atenção!

[pa_bruno 0]

movido pra galera d javascript.;. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[LONTR@ 0]

Na textArea você faz isso

 

<textarea name="descricao" cols="53" rows="5" class="frm_input" id="descricao" style="caixa" onKeyUp="return  Contador('descricao',300);"></textarea>

e la pertinho do topo você faz isso

 

<script>   function Contador(field,MaxLength) { 	  obj = document.all(field); 	  if (MaxLength !=0) { 		 if (obj.value.length > MaxLength)  {			obj.value = obj.value.substring(0, MaxLength); 			}	  } 	  document.form1.contador.value = obj.value.length + '/300';   } </script>

e em baixo do text area você coloca um campo text

 

<input name="contador" type="text" disabled="disabled" class="caixa2" id="contador" size="7" maxlength="7">

nesse campo text seria interessante você colocar uma css para tirar as bordas...

 

 

assim

 

<style type="text/css"><!--.style1 {font-weight: bold}body {	margin-left: 0px;	margin-top: 00px;	margin-right: 0px;	margin-bottom: 0px;}--></style>

Qualquer dúvida estarei aqui para esclarecer, muito obrigado...

 

Felipe Landim

[ri_nepo 0]

funcionou legal , muito bom

[JuniorCampos 0]

No ie funciona bem, mas no ff naum rodou comigo

[JuniorCampos 0]

para funcionar nos dois:

 

function Contador(MaxLength) {
	  obj = document.getElementById('nomeCampo');
	  if (MaxLength !=0) {
		 if (obj.value.length > MaxLength)  {
			obj.value = obj.value.substring(0, MaxLength);
			}
	  }
	  document.nomeFrm.contador.value = obj.value.length + '/1200';
   }

[l_nando 0]

Boa noite!

Muito bom este post.

Eu estava procurando algo parecido e achei este o melhor, só desculpem minha ignorância, rsrs.

 

Ele só conta os caracteres ou quando atingir o limite ele trava e não conseguimos mais digitar?

 

Grato.

 

Abraços. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

[Fabio_J 0]

Corrigindo! http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

 

O Junior esqueceu de um detalhe...

 

PARA FUNCIONAR NO IE E NO FF: (field,MaxLength)

 

<script>
function Contador(field,MaxLength) {
	  obj = document.getElementById('descricao');
	  if (MaxLength !=0) {
		 if (obj.value.length > MaxLength)  {
			obj.value = obj.value.substring(0, MaxLength);
			alert ("Número de caracteres excedidos! O limite máximo é de 3000 caracteres.");
			}
	  }
	  document.form1.contador.value = obj.value.length + '/300';
   } 
</scrip>

Obs.: Adicionei um Alert.

 

Abraços!

[pepe288 0]

Olá amigos,

 

Comio não funcionou nem no IE e nem no FF, ele até conta os caracteres, mas não trava quando chega a 30. Alguem sabe dizer como fazer para ele trasvar nos 30 caracteres?

[Thiago Retondar 18]

O ideal seria ter criado um tópico para o seu problema. ;)

 

Veja se te ajuda http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://ogordo.com/efeito-contagem-regressiva-twitter/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif