Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 28 vistas

    Documento Justificación EA3

    Cargado por

    Camilo Arango
    Este documento describe cómo se utilizó JavaScript para agregar validaciones a un formulario en una página web. Se define una función en el archivo index.js que valida que los campos del formulario no estén vacíos y muestra mensajes de error correspondientes. Al completar correctamente el formulario, se muestra un mensaje de "Producto creado". Esto permite asegurar que la información ingresada en el formulario sea válida antes de enviarse.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Documento Justificación EA3

    Cargado por

    Camilo Arango
    28 vistas4 páginas
    Este documento describe cómo se utilizó JavaScript para agregar validaciones a un formulario en una página web. Se define una función en el archivo index.js que valida que los campos del formulario no estén vacíos y muestra mensajes de error correspondientes. Al completar correctamente el formulario, se muestra un mensaje de "Producto creado". Esto permite asegurar que la información ingresada en el formulario sea válida antes de enviarse.

    Descripción original:

    AAA

    Título original

    Documento justificación EA3

    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?

    Este documento describe cómo se utilizó JavaScript para agregar validaciones a un formulario en una página web. Se define una función en el archivo index.js que valida que los campos del formulario no estén vacíos y muestra mensajes de error correspondientes. Al completar correctamente el formulario, se muestra un mensaje de "Producto creado". Esto permite asegurar que la información ingresada en el formulario sea válida antes de enviarse.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    28 vistas4 páginas

    Documento Justificación EA3

    Cargado por

    Camilo Arango
    Este documento describe cómo se utilizó JavaScript para agregar validaciones a un formulario en una página web. Se define una función en el archivo index.js que valida que los campos del formulario no estén vacíos y muestra mensajes de error correspondientes. Al completar correctamente el formulario, se muestra un mensaje de "Producto creado". Esto permite asegurar que la información ingresada en el formulario sea válida antes de enviarse.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 4

    Evidencia de Aprendizaje (EA3): Primeros pasos con

    JavaScript.

    Andrés Camilo Arango Calle

    Docente:
    José Luis Aguilar Camacho

    Curso:
    Ingeniería Web I - PREPROF2201PC-TDS0248

    Programa Tecnología en Desarrollo de Software

    Facultad Ingenierías y Ciencias Agropecuarias

    Institución Universitaria Digital de Antioquia

    2022
    Introducción

    Con el objetivo de terminar el desarrollo de nuestra página web “The Store”,


    después de utilizar HTML para maquetar la página y CSS para mejorar la estética
    y los estilos, JavaScript va a permitir programar algunos eventos que se pueden
    presentar cuando se interactúa con la página web.

    En este caso específico, al interactuar con el formulario si no se cumplen ciertos


    requisitos en los diferentes campos, este no se va a enviar, esto se va a lograr
    generando un archivo .js escrito en JavaScript, que permitirá programar estas
    validaciones del formulario, impidiendo que se envíe de forma incorrecta o
    incompleta.
    Explicación de las validaciones utilizadas

    1. En el archivo index.js se define una función que va a ser la encargada de


    hacer las validaciones del formulario, por lo que anteriormente, en el
    archivo html, se define que al hacer clic en el botón de “Create Product”, se
    va a ejecutar esta función.
    2. Se declararon las variables correspondientes a cada uno de los campos del
    formulario, con el objetivo de manejarlas en la función creada con JS.
    3. Se define el manejador del evento de hacer clic en el botón “Create
    Product”, para que al hacer clic, se ejecute la función realizando las
    siguientes validaciones:
    a. Si todos los campos del formulario están vacíos aparecerá un
    mensaje debajo de cada campo indicando que es requerido.
    b. Si sólo un campo o dos están vacíos, sólo aparecerá el mensaje
    “Required field”, debajo de los campos vacíos, el que tenga
    información, no va a presentar ningún error.
    c. Finalmente, si todos los campos tienen información, el formulario
    permitirá continuar, arrojando un mensaje “Product created”.
    d. Al dar clic en “Aceptar” cuando aparece el mensaje de “Product
    created”, desaparecerá cualquier mensaje de “Required field” que
    estuviera en pantalla.
    Conclusiones

    1. Crear la etiqueta <script> con su respectivo cierre e información de forma


    correcta en el archivo html, permitirá que este se ejecute de forma correcta,
    llevando a cabo las instrucciones del archivo .js.
    2. Tener definidos nombres o ids para cada uno de los componentes del
    formulario o de la página que van a desempeñar alguna función, es
    esencial para poder que JS los identifique a la hora de programar cada uno
    de los eventos.
    3. Tener clara la sintaxis de JS, va a evitar que tengamos errores durante la
    ejecución del archivo, ya que al ser una lenguaje de programación
    propiamente, su forma de codificar varía de acuerdo con otros lenguajes.

    También podría gustarte