Partiendo del ejercicio Loc@s por las bicis cambiaremos la forma de mostrar los errores al usuario, en vez de mostrar los errores con un alert, Si algún campo presenta error debe informarse al usuario por medio de mensaje, (idealmente un span) que se posicione en del lado derecho del input como se muestra en la imagen.
- Descarga los archivos en la sección de Descarga, descomprime y colócalos en tu carpeta llamada bicis-locas
- En la consola posiciónate en la carpeta bicis-locas e inicializa un repositorio en dicha carpeta
- Crea un repositorio que se llame bicis-locas en GITHUB, haz tu primer commit y sube los archivos al repositorio.
- Abre el archivo js/main.js y completa la función validateForm, (puedes usar las validaciones anteriores) recuerda que las validaciones de los campos son las siguientes:
- Todos los campos son obligatorios, excepto los dos últimos.
- Los campos nombre y apellido sólo deben permitir caracteres de la A-Z
- Para los campos nombre y apellido la primera letra debe ser mayúscula
- Validar que el campo email tenga un formato válido. Ej: name@domain.com
- El campo password debe tener al menos 6 caracteres
- El campo password no puede ser igual a "password" ó "123456" ó "098754"
- El valor seleccionado de bicis, debe ser una de las opciones presentadas
NO SE PUEDE MODIFICAR NADA MÁS QUE EL ARCHIVO MAIN. EN INDEX.HTML SOLO SE PUEDE AGREGAR LIBRERÍAS JQUERY EN EL HEAD.
**NOTA: ** Recomendamos que el mensaje se añada con un span ya que los estilos ya están definidos.