Validación avanzada de formularios con JavaScript
En este proyecto desarrollé un formulario web completo que integra validaciones dinámicas y gestión de datos en cliente. El objetivo fue garantizar la calidad de la información introducida por el usuario y mejorar la experiencia de uso.
Funcionalidades implementadas
- Eventos DOM: conversión automática de nombre y apellidos a mayúsculas al perder el foco.
- Expresiones regulares: validación de DNI, fecha de nacimiento, teléfono móvil y correo electrónico.
- Validación lógica: cálculo de la edad para asegurar que sea mayor de 18 años.
- Gestión de errores: mensajes dinámicos en rojo con foco automático en el campo incorrecto.
- Confirmación de envío con
confirm(). - Cookies: almacenamiento de intentos de envío y fecha/hora de alta.
- Interacción con el DOM: actualización en tiempo real de errores e intentos.
Valor añadido
- Aplicar JavaScript moderno en la validación de formularios.
- Diseñar experiencias de usuario más seguras y profesionales.
- Integrar lógica de negocio directamente en el cliente.
- Documentar y estructurar el código de forma clara y reutilizable.