Angular 10 Reactive Form验证模糊和提交

Question

我试图在模糊和每次按下提交按钮时验证表单，但是没有选项：

updateOn: ['blur', 'submit']

它是 updateOn: 'blur' 或 updateOn: 'submit'

有没有办法或解决方法来实现这个目标？

Answer 1

有适合您的解决方法:)

根据您的表单结构，您必须遍历每个字段并将其标记为已触及。

组屋的话应该够了

Object.keys(form).forEach(field => {
  const control = form.get(field); 
  control.markAsTouched({ onlySelf: true });
});

当然你已经在 onSubmit 方法中执行了那段代码

Angular10 Reactive Form validation both on blur and submit