[SOLUCIONADO] Si esta bien el campo color verde, sino color rojo

[Mechabits]

Pues eso. Como hacen en esta pagina, que si no rellenas bien un campo. Se pone un cartelito (o el fondo del input, me da igual) con fondo rojo. Y si lo tienes bien, se pone con fondo verde y luego envias el comentario.

Esto es lo que busco. He conseguido hacerlo pero me cambia a verde cuando le doy click a enviar (lo tengo metido en un onclick, asi que es obvio que solo se pondra en verde cuando le de click), y yo lo que quiero es que segun vaya escribiendo me diga si esta bien o mal.

Alguien sabe como hacerlo? Espero que se entienda bien mi problema! Un saludo

[Alexis88]

Pues depende de lo que quieras comprobar. Un ejemplo.

Código HTML:

Escribe algo: <input type = "text" id = "algo" />
 

Código CSS:

#algo{
    background: red;
}
 

Código Javascript:

document.getElementById("algo").addEventListener("keyup", function(){
    this.style.background = this.value.length < 5 ? "red" : "white";
}, false);
 

La caja de texto tiene inicialmente un color de fondo rojo. Cuando escribamos en ella, por cada tecla pulsada se evaluará la cantidad de caracteres escritos, si escribimos menos de 5 caracteres, el fondo se mantendrá rojo, caso contrario, se vuelve blanco.

DEMO

Adáptalo a tus necesidades, saludos.

[Mechabits]

Muchisimas gracias!!! Necesitaba un ejemplo y conocer el evento keyup. Sinceramente lo desconocia completamente.
Llevo poco programando y estoy aprendiendo sobre todo por mi cuenta