Appearance
Validación de datos
- Crea un formulario de registro con los siguientes campos:
- Nombre
- Contraseña
- Submit
Cada campo debe tener un label asociado (excepto el submit), y deben estar encapsulados en una etiqueta form
.
Añade un
addEventListener
con el eventosubmit
al formulario, donde validaremos los datos del formulario.El campo nombre debe tener las siguientes restricciones:
- Debe tener una longitud mínima de 3 caracteres.
- Debe tener una longitud máxima de 12 caracteres.
- Debe contener solo letras o numeros.
El campo email debe tener las siguientes restricciones:
- Debe ser un email válido, aceptando "gmail.com", "hotmail.com" y "yahoo.com".
- Debe tener una longitud máxima de 30 caracteres.
El campo contraseña debe tener las siguientes restricciones:
- Debe tener una longitud mínima de 6 caracteres.
- Debe tener una longitud máxima de 12 caracteres.
- Debe contener al menos una letra mayúscula.
- Debe contener al menos un número o caracter especial ("@#$%&*-_").
Si algún campo no cumple con las restricciones, se debe mostrar un mensaje de error debajo del formulario, indicando el campo que no cumple con las restricciones y pidiendo al usuario que lo corrija.