Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejemplo HTML

    Cargado por

    Jtn Vilca
    5 vistas3 páginas
    etiquetas html, en este ejemplo probredmos ver las qetiqyetas de html basadas el div establecidos, a los acuales se les agrega estilos mediante los CSS

    Título original

    ejemplo html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    etiquetas html, en este ejemplo probredmos ver las qetiqyetas de html basadas el div establecidos, a los acuales se les agrega estilos mediante los CSS

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas3 páginas

    Ejemplo HTML

    Cargado por

    Jtn Vilca
    etiquetas html, en este ejemplo probredmos ver las qetiqyetas de html basadas el div establecidos, a los acuales se les agrega estilos mediante los CSS

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    Donde es nombres apellido materno, apellido paterno solo letras, dni

    solo nmeros
    Si un campo anterior no est lleno no puedo llenar el siguiente en ese
    instante que me muestre un mensaje que diga campo vacio y pintar el
    recuadro de rojo. Y cuando el campo estee lleno pintarlo de amarillo.
    DOCUMENTO GUARDADO EN .HTML

    <!doctype html>
    <html>
    <head>
    <title>Diseo Web</title>
    </head>
    <body>
    <form id"form-datos" onsubmit="return false;">
    <input type="text" id="nombres" placeholder="Nombres..." required/>
    <br>
    <input type="text" id="appaterno" placeholder="Apellido Paterno..."
    required/>
    <br>
    <input type="text" id="apmaterno" placeholder="Apellido
    Materno..."required/>
    <br>
    <input type="text" id="DNI" placeholder="numero de DNI"
    onkeypress="return valida(event)"required/>
    <br>
    <input type="text" id="correo email" placeholder="alguien@algo.pe"
    onkeypress="return valida(event)"required/>
    <br>
    <br> <br>
    <button id="btnguardar" onclick="guardar()">Guardar</button>
    <button type="reset">limpiar</button>
    </form>
    </body>
    <script src="js20/jquery.min.js"></script>
    <script src="js20/practica20.js"></script>
    </html>

    </script>

    Documento guardado con .js


    function valida(e){//parametro que pasa el evento
    tecla=(document.all)? e.Keycode : e.which;

    //tecla de retroceso para borrar siempre

    if(tecla==8){
    return true;
    }

    //patron de entrada, en este caso solo acepta


    patron =/[0-9]/; // para numeros
    //patron =/[a-zA-Z]/; // Para mayusculas, minusculas
    tecla_final =String.fromCharCode(tecla);
    return patron.test(tecla_final);
    }
    {
    return false;
    }
    function guardar(){
    var nombres=$("#nombres").val();

    alert(nombres);
    }

    También podría gustarte