在模糊上更新表单值并在Angular中提交

时间:2018-02-06 05:54:36

标签: angular forms validation angular-reactive-forms

我正在Angular 5中实现一个反应式表单,我需要在两个事件中触发验证,当字段模糊时以及提交表单时。

我已使用updateOn属性将其设置为模糊'模糊'但是如果您专注于某个字段并按Enter键,则不会触发模糊事件,并且该字段的值不会更新,除非我点击该字段。

据我所知,没有办法将updateOn设置为模糊和提交。

有没有办法实现这个目标?

1 个答案:

答案 0 :(得分:0)

最简单的方法是在提交时专注于某些元素。 我认为更合适的是“提交”按钮。

<form #form="ngForm" (ngSubmit)="submitBtn.focus(); submit()" [ngFormOptions]="{ updateOn: 'blur' }" novalidate>
  ...
  <button type="submit" #submitBtn>
</form>