Este proyecto es una práctica enfocada en la manipulación del DOM y la validación de datos del lado del cliente utilizando JavaScript puro (Vanilla JS). El objetivo es ofrecer una experiencia de usuario fluida mediante la validación de campos en tiempo real antes del envío de datos.
- Validación en tiempo real: Verificación de campos obligatorios, formatos de correo electrónico y longitud de caracteres.
- Manipulación del DOM: Inserción dinámica de mensajes de error y cambio de estilos visuales según el estado de validación.
- Prevención de eventos: Uso de
preventDefault()para gestionar el envío del formulario solo cuando los datos son correctos. - Diseño Responsivo: Interfaz adaptada para diferentes tamaños de pantalla.
- HTML5: Estructura semántica del formulario.
- CSS3: Estilos personalizados y retroalimentación visual (colores de validación).
- JavaScript (ES6+): Lógica de validación y manejo de eventos del DOM.
index.html: Estructura principal del formulario.style.css(o carpeta css): Estilos y diseño visual.script.js(o carpeta js): Lógica de validación y selectores del DOM.
No requiere dependencias externas. Solo clona y abre en tu navegador:
- Clona el repositorio:
git clone [https://github.com/rjracer007/formulario-javascript-DOM.git](https://github.com/rjracer007/formulario-javascript-DOM.git)