hola, yo te puedo poner como ejemplo un formulario que hice.
por ejemplo, para validar el telefono, que sea de 9 digitos:
Código:
<tr>
<td class="alto"><p>Tlfo. de Contacto:</p></td>
<td class="alto">
<input type="text" name="telp" id="telp" size="30" maxlength="25" value="<?php echo $_SESSION['pedido']["telefono"]; ?>" onBlur="validarTel();" />
<img alt="" id="telpImg" src="" style="visibility:hidden" />
</td>
</tr>
basicamente, llama a la funcion validarTel() cuando quitas el foco del input... osea, al pinchar fuera de el
y con esta funcion lo que haces es indicar que foto quieres mostrar
Código:
function validarTel(){
var texto = document.getElementById('telp').value;
var imgText = "telp" + "Img";
if (/^[0-9]{9}$/.test(texto)){
document.getElementById(imgText).src='images/bien.png';
document.getElementById(imgText).style.visibility='visible';
}
else{
document.getElementById(imgText).src='images/mal.png';
document.getElementById(imgText).style.visibility='visible';
}
}
si lo que te interesa es tener que ir validando letra por letra, entonces tendras que usar el evento onkeypress e ir leyendo el input y comparando cada vez q se pulse cualquier tecla, sea borrar o espacio o lo que sea