Tengo un problema al intentar validar el correo electronico desde un input, estoy usando Validators.pattern con una expresion regular pero no funciona como quiero y no he logrado dar con el problema, la validación que tengo es esta: signinForm = new FormGroup({
email: new FormControl('',[Validators.required, Validators.pattern('^[^@]+@[^@]+\.[a-zA-Z]{2,}$')]),
pass: new FormControl('',[Validators.required]),
});
y el problema es que mientras voy escribiendo el correo, hay un cierto punto en el que es valido y otro en el que no es válido, espero explicarme mejor con imágenes:
por ejemplo en este punto es válido el correo:
si escribo una letra más, entonces es válido, así:
luego cuando sigo escribiendo hasta el punto me vuelve a decir que es inválido:
y luego cuando termino de escribir el correo se muestra valido:
No entiendo que sucede, veo que la expresión regular está bien, que puede estar pasando?
keydown
por lo que por cada caracter que quites/agregues se hará la validaciónValidators.pattern ()
para * validar el valor contra un patrón diferente. _ Por lo que puedes hacer es buscar o crear el patron correcto para cubrir ese punto