Holas,
te faltan dos detalles:
onsubmit="return validar();"
y:
function validar(){
var datos = document.forms["formulario"];
if(datos.nombre.value == ''){
var fallos=document.getElementById('fallos');
fallos.innerHTML = "Nombre vacio";
return false;
}
return true;
}
si te interesa te explico el porque de los returns :)
saludos
Marc P.
Http://www.nbsp.es
> Buenas,
>
> Tengo un formulario en HTML y lo quiero validar con Javascript. Quiero
> que
> cuando algun campo no este bien rellenado pinte un error encima del
> formulario. Para eso escribi este codigo:
>
> HTML
> ---------------------------------------------
> <div id="fallos"></div>
>
> <form method="post" onsubmit="validar();"
> name="formulario"
> action="">
> <label>Nombre</label>
> <input type="text" name="nombre" /><br />
> <label>Apellido</label>
> <input type="text" name="apellido" /><br />
> <label>e-mail</label>
> <input type="text" name="email" /><br />
> <label>pass</label>
> <input type="text" name="contrasena" /><br />
> <input type="submit" name="boton" value="aceptar" />
> </form>
>
>
> JS
> ----------------------------------------------
>
> function validar(){
> var datos = document.forms["formulario"];
> if(datos.nombre.value == ''){
> var fallos=document.getElementById('fallos');
> fallos.innerHTML = "Nombre vacio";
> }
> }
>
> .... pero cuando no meto nada en el input de nombre me imprime el error en
> el div llamado fallos pero cuando va al servidor (cuando sale la barra
> azul
> en el vavegador , lado de abajo izquierda) me lo borra y se queda como al
> principio o sea se, el formulario sin el error. He probado diferentes
> cosas
> pero no consiguo que el error se quede en la pantalla. ¿alguien me podria
> orientar un poquito?
>
> Gracias. Un saludo. aitiba
> ------------ próxima parte ------------
> Se ha borrado un adjunto en formato HTML...
> URL:
> http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20061109/28ab187e/attachment.htm
> _______________________________________________
> javaEScript mailing list
> [email protected]
> http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
>
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
