En este capítulo, analizaremos la validación de contraseñas mediante JavaScript. Necesitamos validar una contraseña cada vez que un usuario crea una cuenta en cualquier sitio web o aplicación. Entonces, tenemos que verificar una contraseña válida y también poner la confirmación de validación de contraseña. Para que una contraseña sea válida, debe contener los siguientes parámetros para que sea válida:
- Una contraseña debe ser alfanumérica.
- La primera letra de la contraseña debe estar en mayúscula.
- La contraseña debe contener un carácter especial (@, $, !, &, etc.).
- La longitud de la contraseña debe ser superior a 8 caracteres.
- Uno de los más importantes es que los campos de contraseña no deben estar vacíos.
Cada vez que un usuario crea una contraseña, siempre hay un campo más para confirmar la contraseña. Comprueba que la contraseña ingresada por el usuario sea la misma que la de estos campos de confirmación de contraseña. Para crear una contraseña válida, los valores de los campos de contraseña y de confirmación de contraseña deben coincidir.
En primer lugar, comprobaremos si hay una contraseña válida y luego confirmaremos las comprobaciones de validación de contraseña.
Validación de contraseña válida
En este ejemplo, comprobaremos que la contraseña creada por el usuario sea válida o no y coincida con todos los parámetros comentados anteriormente. Consulte el código a continuación para verificar la contraseña.
Copiar código
len de matriz en java
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset Pruébalo ahora Producción
Un formulario HTML aparecerá en la web ejecutando el código anterior. Aquí, proporcione los datos en los campos de texto y haga clic en el botón Enviar para procesar. Según las validaciones, si los datos son correctos, aparecerá un cuadro de alerta con un mensaje: Tu contraseña creada exitosamente. Aquí al hacer clic en el DE ACUERDO botón, lo llevará a otra salida.
Captura de pantalla 1
Cuando haces clic en el DE ACUERDO botón dentro del cuadro de alerta, se moverá a una salida HTML simple donde mostrará un mensaje Los datos del formulario se han enviado correctamente. .
Captura de pantalla 2
tabla de numeros romanos 1 100
Salida sobre proporcionar entradas incorrectas
En caso de que haya ingresado un valor incorrecto o haya dejado algún campo obligatorio vacío, se mostrará un error a la derecha del cuadro de entrada. Estos errores se mostrarán uno por uno después de la verificación de validación con cada clic en el Entregar botón. Vea los errores en la siguiente captura de pantalla:
Para comprobar que todas las validaciones funcionan correctamente o no, copia el código y ejecútalo en tu compilador de JavaScript.