La validación de la contraseña reacciona
En primer lugar, cree una función checkPassword() que será llamada por el formulario.Esta función comprobará si los campos Password y Confirm Password están rellenados.Cuando ambos estén rellenos, comprobará si los valores de entrada coinciden o no.Ponga la función en una etiqueta <script> encima de la etiqueta de cierre </body> como se muestra a continuación:<script>
Por último, añada un controlador onsubmit al formulario. Cuando el valor de isPasswordMatch sea verdadero, envíe el formulario.Si no, deberá cancelar el envío del formulario. Puedes utilizar la función alert() para notificar al usuario:form.onsubmit = function () {
Validación de contraseña y confirmación de contraseña en javascript
Cualquier sitio web que admita la autenticación y la autorización siempre pide un nombre de usuario y una contraseña al iniciar la sesión. Si no es así, el usuario necesita registrarse y crear una contraseña para entrar en la siguiente sesión, y por ello los sitios web suelen proporcionar protocolos o parámetros específicos. Los siguientes parámetros son comúnmente utilizados para la validación de contraseñas en cualquier formulario.
<input type=”password” id=”psw” name=”psw” pattern=”(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}” title=”Debe contener al menos un número y una letra mayúscula y minúscula, y al menos 8 o más caracteres” required>
Una expresión regular está formada por caracteres simples combinados con caracteres especiales. La expresión regular se forma según los parámetros o restricciones de una contraseña fuerte. Los caracteres especiales se utilizan cuando existe una coincidencia difícil de cadenas o caracteres.
Las expresiones regulares son una forma concisa y flexible de encontrar y manipular texto dentro de las cadenas. Se utilizan en muchas áreas de la programación informática, incluidas las aplicaciones que buscan, procesan y controlan el texto. Muchos lenguajes de programación tienen un soporte rutinario incorporado para las expresiones regulares. Hay una gran diferencia entre las expresiones regulares y las expresiones ordinarias en programación. Por expresión regular entendemos una secuencia de caracteres y por expresión ordinaria una secuencia de caracteres. Por lo tanto, una expresión regular es un patrón que debe ser comparado, mientras que una expresión ordinaria significa un patrón que debe ser reemplazado. La expresión regular es un tipo de gramática.
Contraseña Javascript regex
Lea este artículo sobre Hashnode para una mejor legibilidad del código. Esta expresión se asegurará de que el usuario no utilice espacios en blanco en su contraseña. (?=.*\s) Esta expresión coincide con los patrones que tienen cero o más caracteres seguidos por \s cualquier espacio en blanco. Ejemplo: “Hola” o “Hola JS” o “Hola”. let isWhitespace = /^(?=.*\s)/;
Antes de pasar a la siguiente regla de validación, entienda que una regla o patrón de validación puede escribirse de muchas maneras diferentes. Como lo único que nos interesa es obtener un resultado verdadero o falso basado en (al menos) una coincidencia, cualquiera de las siguientes expresiones es válida para nuestro requisito./^.*(?=.*\s).*$/ o /^.*(?=\s)/ o /(?=.*\s).*$/ En el caso de que quiera obtener la salida de la cadena coincidente, debe utilizar /^.*(?=\s).*$/ //Devuelve una cadena coincidente que tiene uno o más espacios en blanco
Podemos utilizar la forma combinada de Expresión en el servidor backend para permitir que sólo las contraseñas válidas sean alcanzadas y almacenadas en la base de datos.Aquí es cómo el Regex discutido anteriormente, combinado con HTML y CSS, puede crear una experiencia de usuario duradera para sus valiosos usuarios.Conclusión¡Así que, eso fue todo, sobre validaciones de contraseñas fuertes y Expresiones Regulares! En este artículo, hemos entendido cómo una débil validación de contraseña llevó a Raj a una gran pérdida para su empresa y cómo podemos utilizar las expresiones regulares para crear una regla de validación de contraseña fuerte para nuestros usuarios finales.También, hemos discutido y utilizado algunos conceptos de Regex para crear nuestras propias reglas de validación de contraseña.Espero que hayas disfrutado de esta lectura. Gracias 🙂
Validación de nombre de usuario y contraseña en código javascript
<p>Contraseña: <input title=”La contraseña debe contener al menos 6 caracteres, incluyendo MAYÚSCULAS/minúsculas y números” type=”contraseña” required pattern=”(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}” name=”pwd1″ onchange=”
<p>Contraseña: <input id=”field_pwd1″ title=”La contraseña debe contener al menos 6 caracteres, incluyendo mayúsculas/minúsculas y números.” type=”password” required pattern=”(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}” name=”pwd1″></p>
En la sección 7 de esta página, cuando pongo “The1stquestion”, para la contraseña, y “The2ndquestion” para la contraseña de confirmación, la sección de contraseña de confirmación muestra el icono equivocado, como debería. Sin embargo, mi código, que se puede encontrar en codepen.io/anon/pen/BdbQXy que tomé de esta página, lo muestra como correcto tan pronto como escribo “The2n”, lo que no debería suceder. Todavía me sale un error emergente pero no es tan limpio de solución. ¿Por qué ocurre esto?
Hola… estoy usando tu código para algunos de mis proyectos… (¡realmente genial! Felicidades) y cuando inserto un pase por ejemplo: Diana19 y vuelvo a escribir en la confirmación: Diana18 me dice que es verdadero… no sé por qué :X ¿Puedes ayudarme con esto?