javascript - knockout 验证没有按我想要的方式工作

Question

所以我正在使用Knockout Validation验证表单输入，但我遇到问题。

这是 View 模型的一个示例:

self.firstName = ko.observable('').extend(
  {
    required: {
      params: true,
      message: 'First Name Required',
    }
  }
);

...

self.errorMessages = ko.validation.group(self);

在 View 中我有:

<div class="form-group" data-bind="validationElement: firstName">
    <label for="first-name" class="control-label col-sm-3">
        <span class="text-warning">*</span> First Name
    </label>
    <div class="col-sm-8">
        <input class="form-control" name="first-name" type="text" data-bind="value: firstName"/>
    </div>
</div>

当我加载小部件时，表单会在我点击提交按钮之前显示所有验证错误，例如“需要名字”。

是否需要执行某些特定操作才能仅在我点击表单上的“提交”后才显示验证错误？

Answer 1

在这个 fiddle 中:http://jsfiddle.net/KHFn8/5424/ ，它们在 HTML 中没有 validationElement 绑定(bind)，并且表单在提交时会进行验证。