contar campos do formulário

[wills 0]

olá pessoas!

 

 

há como fazer uma uma contagem de caracteres em um campo input, mas, enquanto a pessoa digita?

 

valeu!

[Buongiorno 0]

Olá Wills.

 

 

Aí vai um exemplo:

 

<span id="display"></span><br>
<input type="text" onkeyup="document.getElementById('display').innerHTML=this.value.length">

 

Até mais.

[wills 0]

tentei isto, mas não rolou

 

if ($("txtNome").this.value.length > 4){
		$("txtNome").addClass("formCerto");
		return false;
	}

[hantaro 1]

Faz assim

 

<input type="text" onkeyup="document.getElementById('id').innerHTML=this.value.length;" />
<div id="id"></div>

[wills 0]

acho que eu não me expliquei bem.

 

quanto a contagem, digo.... se uma validação for menor que 10, meu campo input recebe uma cor diferente.

 

quando o usuário voltar a digitar e esse campo tiver 11 caracteres o campo volta ao normal.

 

ou seja, não preciso que ele exiba os números de caracteres, mas sim que possa contar e validar na hora.

[Buongiorno 0]

Seria algo assim?

 

<input type="text" onkeyup="if(this.value.length<=10)this.style.background='#ff0000';else this.style.background='#8ef87a'">

Até mais.

[wills 0]

assim foi....mas agora meu form não está validando corretamente....

 

estranho

[Buongiorno 0]

Veja se dá para adaptar este exemplo ao quê você precisa.

 

<script type="text/javascript">

function valida(id,valor)
{

if(valor.length<=10)
{
document.getElementById(id).style.background='#ff0000';
return false;
}
else document.getElementById(id).style.background='#8ef87a'
/*

Aqui vai outras verificações...

*/

}
</script>


<input type="text" id="entrada" onkeyup="valida(this.id,this.value)">

 

Até mais.