Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Validacion Formularios

    Cargado por

    Alfredo Reyes M
    2 vistas2 páginas

    Título original

    validacion-formularios

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    2 vistas2 páginas

    Validacion Formularios

    Cargado por

    Alfredo Reyes M

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 2

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.

    dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title> Validar formulario </title> <script type="text/javascript"> //definimos la funcion function verificartodo() { //declaramos las variables var sw=true; //hacemos la llamada al dato introducido y con un if comprobamos si el campo esta vacio if(document.getElementById("nombre").value=="") { //avisamos que hay que rellenar el campo con una ventana emergente alert("Debes rellenar el campo nombre"); //hacemos que el cursor se situe en la caja correspondiente al nombre con focus() document.getElementById("nombre").focus(); //devolvemos false para que no se envie el formulario sw=false; } else if(document.getElementById("email").value=="") { alert("Debes rellenar el campo de email"); document.getElementById("email").focus(); sw=false; } //hacemos la llamada al dato introducido y con un if comprobamos la condicion else if (document.getElementById("pass1").value.length<5) { //avisamos que hay que rellenar el campo correctamente con una ventana emergente alert ("Imprescindible poner al menos 5 caracteres en el password"); //Vaciamos la caja del password del contenido introducido document.getElementById("pass1").value=""; //hacemos que el cursor se situe en la caja correspondiente con focus() document.getElementById("pass1").focus(); //devolvemos false para que no se envie el formulario sw=false; } //se comprueba si las dos claves introducidas coinciden else if(document.getElementById("pass1").value != document.getElementById("pass2").value) { alert("Los passwords tienen que ser iguales"); document.getElementById("pass1").value=""; document.getElementById("pass2").value=""; document.getElementById("pass1").focus(); sw=false; } else if (sw==true) { //indicamos con una ventana emergente la validez del formulario alert ("Pagina validada"); } //si todo es correcto devolvemos el valor de sw, true y se envia el formulario return (sw); } </script> </head> <!--con onLoad hacemos que al cargar la pagina el cursor se situe en la caja nombre--> <body onLoad="document.getElementById('nombre').focus()"> <h2> Formulario campos obligatorios </h2> <!--onSubmit quiere decir que mientras la respuesta (return) sea false no se envia el formulario y la llamada a la funcion no se hace hasta pulsar el boton Enter (input type="submit")--> <form name="f1" id="f1" action="mailto:tucorreo@servidorcorreo.com" onSubmit="return verificartodo()"> <p> Nombre y Apellidos*: <!--definimos una caja donde introducir el nombre--> <input type="text" name="nombre" id="nombre" maxlength="10" size="8"></p>

    <p> Email*: <!--definimos una caja donde introducir el Email--> <input type="text" name="email" id="email" maxlength="10" size="8"></p> <p> Teclea clave (al menos 5 caracteres): <!--definimos una caja donde introducir el password--> <input type="password" name="pass1" id="pass1" maxlength="10" size="8"> Teclea la clave de nuevo: <input type="password" name="pass2" id="pass2" maxlength="10" size="8"></p> Todos los campos son necesarios, El password tendra al menos 5 caracteres <!--definimos una boton de enviar que junto con onSubmit llamara a la funcion de comprobacion--> <p><input type="submit" value="Enter"></p> </form> </body </html>

    También podría gustarte