以角度反应形式验证重复项答案

【问题标题】：Validate duplicates in a angular reactive form以角度反应形式验证重复项
【发布时间】：2019-02-14 04:51:26
【问题描述】：

我点击添加凭据 3 次，得到用户名和密码的 3 个元素。

在第一行我输入用户名 Jhon 和密码 smith。

在第二行中，当我在用户名字段中输入姓名 John 并在密码字段中输入标签时。我希望输入字段变为红色。

任何想法我如何去触发一个事件以及应该触发什么事件？每当我触摸输入元素时

输入重复值

然后失去对它的关注

我不知道我是如何做到这一点的。

【问题讨论】：

是的，您可以创建自己的验证器。并检查您想要的用户名\密码是否是相同的返回错误。还有大通知：您不能对所有输入使用相同的 formControlName。你需要做这样的事情 username1\password1 username2\password2

标签： angular

【解决方案1】：

onblur 事件将起作用。

html:

<input (blur)="onBlur($event)" placeholder="Username" formControlName="username">

ts：

...
onBlur($event) {
  // compare form.values
}
...

但是那个 stackblitz 例子有问题。输入字段在输入后立即变得模糊。

【讨论】：