Coincidencia de contraseña usando JavaScript
Confirmar que los campos de contraseña son necesarios para incluir al hacer formularios en línea que solicitan a los usuarios que establezcan una contraseña. El campo de contraseña oculta la entrada del usuario de forma predeterminada, lo que hace necesario tener algún tipo de mecanismo que permita a los usuarios confirmar que han escrito la contraseña correcta sin hacer ningún tipo. El campo Confirmar contraseña solicita al usuario que vuelva a verificar su contraseña si confunden los caracteres y los campos de contraseña y confirmación de contraseña no coinciden con.
En esta publicación, nuestro objetivo es hacer un formulario HTML que coincida con la entrada del usuario en el Contraseña y confirmar Contraseña campos para confirmar si el usuario ha escrito la contraseña correcta o ha realizado algún error tipográfico.
Paso 1: formulario HTML
El primer paso es hacer un formulario HTML que tome la entrada del usuario:
Pista de Linux
Hemos creado un formulario HTML simple que tiene dos campos de entrada de contraseña de tipo y un botón de inicio de sesión que llama al confirmación de contraseña() función cuando se hace clic.
Paso 2: Validación de formulario JavaScript
Ahora escribiremos el código JavaScript dentro del confirmación de contraseña() función que valida la contraseña:
function PasswordConfirmation ()
contraseña de VAB = documento.getElementById ("pase").valor;
var confirmaPassword = documento.getElementById ("ConfirmSpass").valor;
if (contraseña == "")
alerta ("Error: el campo de contraseña está vacío.");
else if (contraseña == ConfirmPassword)
alerta ("registrado");
demás
alerta ("Asegúrese de que sus contraseñas coincidan.")
Dentro de confirmación de contraseña() Función Primero obtenemos los valores de la contraseña y confirmamos los campos de contraseña y los almacenamos dentro de las variables. Luego usamos declaraciones condicionales para verificar los diferentes casos.
Caso 1: el campo de contraseña está vacío
El primer condicional verifica si el campo de contraseña está vacío. Le solicitamos al usuario que escriba la contraseña si el campo está vacío:
Caso 2: las contraseñas coinciden
En caso de que las contraseñas coincidan con el usuario con éxito:
Caso 3: las contraseñas no coinciden
Si las contraseñas no coinciden, le pedimos al usuario que vuelva a escribir las contraseñas y nos aseguremos de que coincidan:
El código JavaScript y HTML juntos se ve algo así:
Pista de Linux
Conclusión
Los humanos a menudo pueden cometer errores, pero eso no debería impedirlos iniciar sesión en sus cuentas. Incluso el más mínimo error al ingresar una contraseña puede restringir el acceso de un usuario a su cuenta. Por lo tanto, siempre es una buena idea verificar la contraseña de un usuario para confirmar que han ingresado el correcto.