如何检查验证器并使用按键提交表单？

Question

我使用 devextreme 验证器来检查我在表单上的必填字段。我在表单上添加了一个按钮。该按钮检查验证器并提交表单。但是当我使用 keydown（F2、F3 按钮等）时，它不会检查验证器并直接提交表单。我想，F2 按钮必须像表单上的按钮一样工作。

I also created a plunker for the problem: http://plnkr.co/edit/qoOMAsjKnKJLcbHZ?preview

如您所见，当您直接单击“保存”按钮时（文本框值必须为空以检查验证器是否工作）它控制着验证器。但是当您按下 "F2"（鼠标光标必须位于文本框字段中并且文本框值必须为空）时，它会提交没有控件验证器的表单。

那么，我该怎么办？

谢谢。

Answer 1

我为此解决方案使用了 "dx-validation-group" 小部件。我需要那个 devextreme 小部件。

I fixed my plunker like this: http://plnkr.co/edit/qoOMAsjKnKJLcbHZ

我给 "dx-validation-group" 小部件添加了一个标签，如下所示：#validationGroup

之后，我控制了isValid与否。

if (!this.validationGroup.instance.validate().isValid)
   return;

现在它检查验证器。