4

Estoy validando el campo de un password pero me da error cuando introduzco una password correcta. La contarseña tiene que tener mínimo 12 caracteres, una mayúscula, un número y un caracter especial

this.form= this.fb.group({
  password: ['', Validators.compose([Validators.pattern("^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$"), Validators.minLength(12), Validators.required])]
});

Y cuando pongo en el campo esta contraseña por ejm: Arcoiris@55!, me salta este if

<span *ngIf="this.form.get('password')?.errors.pattern">
7
  • intenta con ^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{12,}$ y quita a Validators.minLength(12), me avisas. el 12 dic. 2022 a las 13:28
  • me sigue saltando el if password: ['', Validators.compose([Validators.pattern("^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{12,}$"), Validators.required])],
    – sirdaiz
    el 12 dic. 2022 a las 13:35
  • Y si colocas los Validators por separado fuera del compose, algo como password: ['',[Validators.pattern(),Validators.minLength(12)]]
    – lsanchezo
    el 12 dic. 2022 a las 13:39
  • ¿Responde esto a tu pregunta? Expresión regular en Validators.pattern el 12 dic. 2022 a las 13:44
  • @PabloLozano me gustaria usar solo el pattern, sin llamar a otro método que verifique cada cosa
    – sirdaiz
    el 12 dic. 2022 a las 15:48

1 respuesta 1

2

Si quieres solucionarlo sólo usando regexp, se puede hacer así:

^(?=.*[A-Z])(?=.*[!@#$&*])(?=.*[0-9])(?=.*[a-z]).{12,}$

Explicación:

^               Inicio de la línea
(?=.*[A-Z])     Tiene una mayúscula
(?=.*[!@#$&*])  Tiene uno de los caracteres ! @ # $ & * (puedes añadir más)
(?=.*[0-9])     Tiene un dígito
(?=.*[a-z])     Tiene una minúscula
.{12,}          Tiene al menos 12 caracteres
$               Fin de línea

Puedes probarla aquí: https://regex101.com/r/PCx0Aw/1

Personalmente se me hace más complejo mantener este código que usar la función que recomendé en el casi-clon de esta pregunta y no estoy seguro de si el rendimiento podría ser un problema, pero puesto que es debatible, queda fuera de tema.

Por otro lado, una validación usando esta regex tiene el problema añadido de que no te indica qué es exactamente lo que le falta a la contraseña.

Y para terminar, el uso de Validators.compose es innecesario, es una función que está por compatibilidad con las primeras versiones de Angular pero puede ser omitida:

 password: ['', Validators.compose([<validaciones>])]

es equivalente en las últimas versiones (cualquier versión posterior a 2016) a

 password: ['', [<validaciones>]]

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.