Ejercicio con JAVASCRIPT: Validar contraseña segura de usuario con expresiones regulares.

 El usuario podrá  crear una contraseña con las siguientes características: los primeros 4 caracteres serán letras mayúsculas seguidas de 6 números y terminando con 3 letras minúsculas.    

(En este ejemplo se trabajo con las contraseñas visibles)


La expresión regular para esta validación es la siguiente:

/^[A-Z]{4}[0-9]{6}[a-z]{3}$/

[A-Z]{4}permite ingresar 4 letras mayúsculas de la A a la Z.
[0-9]{6}permite ingresar 6 dígitos del 0 al 9.
[a-z]{3}permite ingresar 3 letras minúsculas de la a la z.

Las líneas 18 a 29 se utilizan para verificar que los campos tengan datos como se explico en la entrada pasada.
El bloque de código de la condición if (Líneas de 30 a la 35)
permite obtener el valor del campo de contraseña (id pass)el cual se comparará con la expresión regular mediante el método match(),
si la contraseña ingresada coincide con la expresión regular se mandará un mensaje de que la primera contraseña es válida, de lo contrario se enviará un mensaje comunicando que la contraseña es inválida.
El otro bloque de código de la condición if (Líneas 37 a 41) permiten comparar que la segunda contraseña de confirmación (id pass2)sea igual a la primera ingresada, obviamente la primera contraseña tendrá que ser válida.Si se cumple está condición se imprimirá un mensaje diciendo que las contraseñas son correctas, de lo contrario se imprimirá un mensaje para verificar las contraseñas.

Resultado para la primera contraseña correcta:
Esta imagen indica que la primera contraseña es correcta después de dar clic en aceptar nos aparecerá otro mensaje diciendo "Verifica contraseñas" debido a que la primera es correcta pero la segunda no coincide con la primera.

Y al validar que la dos contraseñas sean correctas e iguales nos aparecerá el mensaje de "Contraseñas correctas"