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
javaEScript@scriptia.net
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net

Responder a