Este repositorio contiene las tareas realizadas para la asignatura "Desenvolvemento web en contorno cliente".
Para realizar la tarea, he optado por utilizar un contenedor Docker-LAMP disponible en GitHub. He clonado este contenedor en la carpeta "Tarea UD7" dentro del directorio correspondiente a esta unidad.
Consideraciones de implementación:
- Se modifica el fichero index.html para añadir un DIV donde mostrar los errores de validación.
- Se añaden estilos para este nuevo DIV en el fichero estilos.css.
- En cuanto al fichero app.js:
- Se utilizan patrones para validar todos los campos del formulario.
- Cada vez que se intenta enviar el formulario se validan todos los campos y se muestran todos los errores en el DIV habilitado para ello.
- Para enviar la petición al servidor se crea una cadena de texto con todos los campos a enviar.
-
Envío del formulario correcto
-
Ejemplos de errores en la validación por datos por formato incorrecto
-
Ejemplo de errores en la validación por falta de datos
Se realiza el script solicitado para la resolución de la tarea.
Consideraciones de implementación:
- Se utiliza una variable global "pindatoActivo" para controlar si se está pintando sobre la tabla o no.
- Se utiliza una variable global "colorSeleccionado" para saber en todo momento el color que está seleccionado en la paleta de colores.
- Se utilizan constantes para los valores por defecto de la tabla.
Se realiza el script solicitado para la validación de un formulario html.
Consideraciones de implementación:
- Se validan todos los campos del formulario en el momento de pulsar el boton enviar, mostrando mensajes de error para cada uno de los campos en los que falle la validación.
- De cada campo se valida primero que no sea vacío (todos los campos son obligatorios) y después que cumplan con los formatos requeridos.
- En caso de que falle la validación para varios campos el foco del formulario irá al último campo en el que ha fallado la validación.
- Al boton limpiar se le añaden funcionalidades para que además de limpiar los campos del formulario, tambien borre los errores e intentos de pantalla, además de reiniciar el contador de intentos a 0.
-
Formulario vacío.
-
Campo Nombre con caracteres númericos.
-
Campo Apellidos con caracteres especiales.
-
Campo Edad con caracteres no númericos.
-
Campo Edad fuera del rango.
-
Campo NIF con formato incorrecto (sin guión).
-
Campo Email con formato incorrecto (dos @).
-
Campo Fecha de nacimiento con formato incorrecto (mezclando / y -).
-
Campo Teléfono con formato incorrecto (un espacio en blanco).
-
Campo Hora de visita con formato incorrecto (introduciendo formato hh:mm:ss).
Se crea el objeto disco con los métodos solicitados. Para la prueba de ejecución se crean dos discos con el método constructor y uno con el método cargarDatos(), que se van almacenando en un array. Posteriormente se visualizan utilizando el método verColeccion() que recorre el array llamando al método verInfoDisco() para cada objeto disco.
