validar campo, cambiar el stilo si es error

giotari · #1 (**permalink**) 09/09/2006, 13:12

como podre hacer una simple validacion de un campo input que tiene un estilo establecido, el cual al dar error cambie el estilo del input y agrege una imagen al costado...

lo puedo hacer en php pero tendria que cargar la pagina nuevamente.. me gustaria hacerlo en linea...

JavierB · #2 (**permalink**) 09/09/2006, 14:43

Hola giotari

A ver si te sirve este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function validar(frm) {
  if (frm['txt'].value=='') {
    document.getElementById('imagen').style.visibility = 'visible';
    return false;
  }
}
</script>
</head>
<body>
<form onsubmit="return validar(this)">
<img id="imagen" src="imagen1.jpg" style="visibility:hidden" />
<input type="text" name="txt" />
<input type="submit" />
</form>
</body>
</html>

Saludos,

giotari · #3 (**permalink**) 09/09/2006, 16:16

javierB eso es lo que necesito pero como cambio el estilo del input?

caricatos · #4 (**permalink**) 09/09/2006, 16:43

Cita:

Iniciado por giotari

javierB eso es lo que necesito pero como cambio el estilo del input?

Hola:

Dependerá del estilo concreto que quieras cambiar... supongo que quieres resaltar de alguna manera ese input... por ejemplo para ponerle un fondo amarillo:

...
if (frm['txt'].value=='') {
frm['txt'].style.backgroundColor = 'yellow';
...

Saludos