Scribd Logo
Upload

Welcome to Scribd!

  • Ejercicio 19

    Uploaded by

    silvialalokiydavid
    17 views5 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views5 pages

    Ejercicio 19

    Uploaded by

    silvialalokiydavid

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <html>

    <head>

    <title>Ejemplo 19</title>

    <style>

    /* damos un fondo de color “SteelBlue”, modificamos su tamaño de letra a 12 píxeles, agregamos un


    borde de color “LightSteelBlue” y le damos un toque extra con las puntas del borde redondeadas */

    form {

    float:left;

    line-height:30px;

    margin:auto;

    background: SteelBlue;

    color: white;

    font-size: 12px;

    padding: 30px;

    width: 400px;

    border:solid 10px LightSteelBlue;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    form fieldset { border: none;}

    /* onFocus="this.style.backgroundColor='#FFFF99'" sería en cada input para hacerlo con javascript */

    input:focus {

    border: 2px solid #000;

    background: #FFFF99;

    #lateral {

    float:left;

    }
    </style>

    <script type="text/javascript">

    // función general que recoge todas las comprobaciones y que se ejecuta al hacer clic en Enviar Consulta

    function validar() {

    with(document.formRegistro) { // para no tener que escribir el nombre del objeto formRegistro tantas
    veces

    // campos obligatorios

    if (!comprobarUsuario(usuario.value)) {

    usuario.value="";

    usuario.focus();

    } else if (!comprobarClave(clave.value, claveRep.value)) {

    clave.value="";

    claveRep.value="";

    clave.focus();

    } else if (!comprobarCorreo(correo.value)) {

    correo.value="";

    correo.focus();

    } else if (!comprobarPais(pais.value)) {

    pais.value="";

    pais.focus();

    } else {

    if (publicidad.checked) { acepta="Acepta";} else {acepta="No acepta";}

    alert("DATOS VALIDADOS. Tómate una pistolita.\nNombre: "+usuario.value+"\nCorreo:


    "+correo.value+"\nPaís: "+pais.value+"\n"+acepta+" publicidad mensual");

    }
    }

    // Función que comprueba el nombre de usuario

    function comprobarUsuario (nombre) {

    if (nombre == "" || nombre.indexOf(" ")!=-1 || nombre.length<6) { /* si está en blanco o tiene algun


    espacio en blanco no es válido*/

    alert("Nombre contiene espacios en blanco, está vacío o tiene menos de seis caracteres");

    return false;

    } else {

    return true;

    // Comprobar las contraseñas

    function comprobarClave(clave, claveRepetida) {

    if (clave !="" && claveRepetida !="") {

    if (clave!=claveRepetida) {

    alert("Las claves no coinciden");

    return false;

    } else {

    return true;

    } else {

    alert("Clave contiene espacios en blanco o está vacío");

    return false;

    // Comprobar el correo

    function comprobarCorreo(correo) {
    var patron=new RegExp("^\\w+@\\w+\\.\\w{2,3}$");

    if (correo!="") {

    if (!patron.test(correo)) { alert("Error en el formato del correo electrónico"); }

    return (patron.test(correo));

    } else {

    alert("No has puesto el correo electrónico");

    return false;

    // Comprobar el país. En este caso sólo hay que comprobar que se escoge uno.

    function comprobarPais(indicePais) {

    if (indicePais==-1) { alert("No has escogido el pais"); }

    return(indicePais!=-1);

    </script>

    </HEAD>

    <BODY>

    <H1>EL MUNDO SIGUE SIENDO CRUEL PERO YA NO ME RASCO</H1>

    <H2>INTRODUCIR Y VALIDAR DATOS DE FORMULARIO</H2>

    <!- method=get implica pasarlo por la url -->

    <form id="formulario" name="formRegistro" method="get" action="javascript:validar()">

    <fieldset>

    Nombre de usuario <INPUT TYPE="text" ID="entrada1" NAME="usuario" MAXLENGTH="8" required />

    (Máximo 8 caracteres) <BR />

    Contraseña <INPUT TYPE="password" ID="entrada2" NAME="clave" /><BR />

    Repetir contraseña <INPUT type="password" ID="entrada3" NAME="claveRep" /><BR />

    Correo electrónico <INPUT TYPE="email" ID="entrada4" NAME="correo" size="40" /><BR />


    <SELECT id="seleccion1" name="pais">

    <option id="opcion0" value=-1>País</option>

    <option id="opcion1" value="Andorra">ANDORRA</option>

    <option id="opcion2" value="España">ESPAÑA</option>

    <option id="opcion3" value="Portugal">PORTUGAL</option>

    </SELECT>

    <INPUT TYPE="checkbox" ID="seleccion2" NAME="publicidad" />Quiero recibir publicidad mensual en mi


    correo<BR />

    <INPUT type="reset" id="boton1" name="Limpiar" value="Limpiar formulario" />

    <INPUT type="submit" id="boton2" name="Enviar" />

    </fieldset>

    </form>

    </body>

    </html>

    You might also like