Tenemos un formulario de alta en el que vamos a solicitar los siguientes datos con sus
restricciones:
EJERCICIO VALIDACIÓN DE UN FORMULARIO
- nombre de usuario: sólo puede contener letras del alfabeto inglés (en mayúsculas y
minúsculas) y números; longitud mínima 3 caracteres y máxima 15.
- contraseña: sólo puede contener letras del alfabeto inglés (en mayúsculas y
minúsculas), números y el subrayado; al menos debe contener una letra en
mayúsculas, una letra en minúsculas y un número; longitud mínima 6 caracteres y
máxima 15.
- repetir contraseña: su valor debe coincidir con el escrito en el campo contraseña.
- dirección de email: no puede estar vacío, hay que comprobar que cumple el patrón
de una dirección de email (no permitir dominios principales de menos de 2
caracteres y más de 4 caracteres).
- sexo: se debe elegir un valor
- fecha de nacimiento: comprobar que es una fecha válida y el usuario debe ser
mayor de edad.
- Acepta las condiciones: Un checkbox que debe estar marcado
REQUISITOS:
- El código de Javascript debe ir en un archivo a parte.
- Debemos de hacer la comprobación al enviar el formulario con un botón submit
(
evento onsubmit ).
- Empezamos a validar y cuando se encuentre un error, debe aparecer un texto en
rojo al lado de cada control que esté incorrecto y el foco debe ir a ese control.