JavaScript Validación de contraseña de expresión regular que tiene caracteres especiales

La validación de la contraseña es importante para la seguridad y la integridad de la información confidencial. Una contraseña fuerte y segura contiene letras, números y caracteres especiales. Los caracteres especiales pueden ayudar a que una contraseña sea única. Se recomienda el uso de caracteres especiales en las contraseñas porque ayuda a que la contraseña sea más fuerte y menos susceptible de agrietarse. Esto hace que la contraseña sea menos probable que se encuentre en una lista de contraseñas de uso común, que con frecuencia son atacados por atacantes.

Este artículo describirá la expresión regular para la validación de una contraseña que contiene caracteres especiales.

Cómo escribir la validación de contraseña de expresión regular de JavaScript que tiene caracteres especiales?

Use el siguiente patrón o expresión regular para la validación de contraseña que contiene caracteres especiales . El patrón coincidirá con una contraseña que contiene al menos un carácter especial, una letra y un dígito, y tiene entre 8 y 12 caracteres de longitud:

regexPattern = /^(?=.ps.\%\ & \@\ \!\+\ = \ \<\>\*]) (?=.*[A-ZA-Z]) (?=.*\d).8,12 $/;

Aquí está el desglose de las diferentes partes del patrón anterior:

• "^"Representa el inicio de la cadena o patrón.
• "(?=.ps.\%\ & \@\ \!\+\ = \\*])"Haga coincidir cualquier cadena que contenga al menos un personaje especial, enumerada dentro de los soportes cuadrados.
• "(?=.*[A-Za-Z])"Indica que la contraseña debe contener al menos una letra (mayúscula o minúscula).
• "(?=.*\d)"Denota que la cadena/contraseña contiene al menos un dígito.
• ".8,12"Dice que la contraseña debe tener de 8 a 12 caracteres de longitud.
• "ps"Denota el final de la cadena de patrón.

Ejemplo

En un archivo HTML, cree un formulario con un campo de entrada para tomar la entrada de contraseña y un botón Enviar. Adjuntar un "al hacer clic"Evento con el botón que llamará a la función"PasswordValidation ()"En el envío del formulario para validar la contraseña dada:

Entregar

Cree un elemento div y mencione las reglas para la contraseña en la lista desordenada:

Siga el formato dado para la contraseña



• La contraseña debe ser de 8-12 caracteres


• Al menos un alfabeto (mayúsculas o minúsculas)


• Al menos un número presente en la contraseña


• Al menos un personaje especial (-,.,ps,!,%,+, =,<,>,#,?,&)

En el archivo CSS, cree ID "error" y "machista"Y establece los colores"rojo" y "verde", Respectivamente. Asigne estas ID al

Etiquetas para mostrar mensajes cuando la contraseña corregirá o incorrecta:

#error
color rojo;
#msg
color verde;

Crear una identificación "caja"Que asigna al elemento DIV para establecer el tamaño de fuente del texto:

#caja
tamaño de fuente: pequeño;

En el archivo JavaScript, use el siguiente código para validar la contraseña:

functionPasswordValidation ()

regexPattern = /^(?=.ps.\%\ & \@\ \!\+\ = \\*]) (?=.*[A-ZA-Z]) (?=.*\d).8,12 $/;
inputTextVal = documento.getElementById ("txt");
if (inputTextVal.valor.Match (regexPattern))

documento.GetElementById ("Msg").innerhtml = "genial";
returnTrue;

demás

documento.getElementById ("Error").innerhtml = "Siga el formato adecuado";
falso retorno;

En el fragmento de código anterior:

• Primero, defina una función "PasswordValidation ()"Que se activará en el clic del botón.
• Definir un patrón regex para la validación de contraseña que tiene caracteres especiales.
• Obtenga la referencia del campo de entrada utilizando el "getElementById ()" método.
• Luego, verifique el valor de entrada si coincide con el patrón o no usa el "fósforo()" método.
• Si la contraseña coincide con el patrón, imprima el mensaje "Excelente", De lo contrario, imprima el mensaje de error.

Producción

Ahora, para aceptar la entrada como contraseña, use el tipo de entrada "contraseña":

Puede ver que la salida toma contraseña en el formato de contraseña:

Eso se trata de la validación de contraseñas que tienen caracteres especiales.

Conclusión

Usar "/^(?=.ps.\%\ & \@\ \!\+\ = \\*]) (?=.*[A-ZA-Z]) (?=.*\d).8,12 $/"Para caracteres especiales en la validación de contraseña. El patrón considerará una contraseña que contiene al menos un alfabeto, carácter especial y un dígito de longitud de 8 a 12 caracteres. Este artículo describió la expresión o patrón regular para la validación de contraseñas que contienen caracteres especiales.