问如何在用户离开FormBuilder中的控件后进行表单字段验证
EN

Stack Overflow用户

提问于 2018-09-03 19:58:28

回答 1查看 62关注 0票数 1

在我的Reactive Form中，我添加了字段的验证。表格在https://stackblitz.com/edit/angular-jx7fdu

我希望一旦用户离开输入字段，就应该进行验证。我怎么能做到呢？我在上面找到了这个答案，但如果我直接使用FormControl，而不是与FormBuilder一起使用，它似乎会起作用，因为FormBuilder似乎不接受AbstractControlOptions参数。

回答已采纳

发布于 2018-09-03 21:37:22

当表单输入时，您将显示错误

当您聚焦一个表单输入时，没有什么变化。当你在里面输入任何字符时，它就会变得脏(仍然没有被碰过)，当你离开它时，它就会变得肮脏和被触摸。

因此，如果希望在离开输入字段后显示错误消息，则将代码更改为

(this.control.dirty || this.control.touched);

至

(this.control.dirty && this.control.touched);

因为这时您会显示验证错误，当某个人同时更改和触摸了一个控件时，而不仅仅是其中之一(这将显示错误，即使您仍然专注于一个输入)。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52155616

复制

相似问题

问如何在用户离开FormBuilder中的控件后进行表单字段验证EN