Validar campo Correcto o invalido

[SeaPirates]

Estoy con un formulario y querria saber como puedo hacer para que cuando no rellene un campo le aparezca al lado del campo una imagen con una x y que cuando lo rellena le aparece una imagen con una v como puedo hacer eso?

[JavierB]

Hola SeaPirates

Prueba este ejemplo:

Código javascript:

<input type="text" onkeyup="document.getElementById('im').src= (this.value=='') ? 'imagen1.jpg' : 'imagen2.jpg'" />
<img src="imagen1.jpg" id="im" />
 

Saludos,

[SeaPirates]

Muchas gracias ya lo solucione! un karma para ti :P


y con un campo de checkbox como seria?

[SeaPirates]

Porfavor, para un campo checkbox como seria..?

[JavierB]

Hola de nuevo.

Código javascript:

<input type="checkbox" onclick="document.getElementById('im').src= (this.checked) ? 'imagen1.jpg' : 'imagen2.jpg'" />
 

Saludos,

[SeaPirates]

de nuevo tengo una duda, como se podria hacer lo mismo, pero que muestre un texto al lado?

[David]

Código html:

<span id="error"></span>
 

Y para mostrar el mensaje:

Código javascript:

document.getElementById("error").innerHTML = "Error";
 

[SeaPirates]

vale mira con esto me sirbe:

Código PHP:

  <input type="text" onkeyup="document.getElementById('im').src= (this.value=='') ? 'imagen1.jpg' : 'imagen2.jpg'" /><img src="imagen1.jpg" id="im" /> 
   

Pero como hago para que no canvie hasta que no haya un minimo de caracteres en el campo?

Y otra cosa es como hago esto mismo:

Código PHP:

  <input type="text" onkeyup="document.getElementById('im').src= (this.value=='') ? 'imagen1.jpg' : 'imagen2.jpg'" /><img src="imagen1.jpg" id="im" /> 
   

Pero para un select?

[SeaPirates]

ee? Por favor lo necesito..