Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

hantaro

Opinião em script para limitar caracteres em textarea

Por , em Javascript

Recommended Posts

hantaro    1

hantaro
Postado

Vejam abaixo o codigo que eu montei

 

<html>
<head>
<title>Textarea</title>
<script type="text/javascript">
function $(id){
	return document.getElementById(id);
}
function restotext(pegar,inserir,limite){
	var texto=$(pegar).value.length;
	var resto=limite-texto;
	if(resto<0){
		$(pegar).value = $(pegar).value.substr(0,limite);
	}else{
		$(inserir).innerHTML=resto+' Caracteres restantes';
	}
}
</script>
</head>
<body>
<textarea id="texto" style="width:250px;height:100px;background:#ccc;" onKeyUp="restotext('texto','div','30');"></textarea>
<div style="width:200px;font-weight:bold;" id="div"></div>
</body>
</html>

Existe algum jeito de deixar o script menor em questao de codigo?

Tem maneira mais facil de se fazer, sem usar frameworks?

Qual a opiniao de voces sobre o codigo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Claro que tem, implementaria desta forma:

 

maxLenght = function(elementId){
	maxLenght.maxChars = 2500;
		with(document.getElementById(elementId)){
			onkeyup = function(){
				var tArray = this.value.split('');
				if( tArray.lenght > window.maxChars)
					this.value = tArray.slice(0, maxChars-1).join('');		   
			}
		}	
	}

Para usar:

 

	window.onload = function(){
		maxLenght.maxChars = 100; //decidi só usar 100 caracteres
		maxLenght('descricao');	
		maxLenght('texto');	
	}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito