当它无效时我有一个输入字段，当它无效时，它的边框为红色。我在一些正则表达式的指令中使用下面的代码，一旦传递了正则表达式，我需要做更多的验证。
@HostListener('keyup', ['$event.target.value'])
onKeyup(value) {
// this.validateFormControl.markAsTouched();
if (value) {
let result = this.regex.test(value);
if (!result)
this.control.control.setErrors({
'pattern': true
})
}
}}
但是，当用户开始输入字段变为有效然后因测试而无效时，会发生什么。这使得边框变为蓝色和红色。如何防止字段在此事件期间变为有效。我知道我可以使用模式，但我需要在现场进行2级验证。它的行为应该与模式的行为方式相同。
请尝试输入12.4443333并开始从右侧删除数字，您可以看到绿色边框到来并立即出现红色边框。