javascript - 在分步向导中重置 knockout 验证中的错误

Question

我已经使用 knockout 和模板绑定(bind)创建了一个分步向导，现在我想强制用户在进入下一页之前完成每个页面，完成后我的意思是 knockout 验证必须有效。当 View 模型上没有错误时，将启用下一个按钮，并且在逐步执行向导时它可以正常工作，但当您进入一个步骤并按上一步时，就会出现问题。即使您返回，错误仍然“存在”，因此第 1 页上的下一步按钮被禁用，因为第 2 页无效。

我设置了一个 fiddle :http://jsfiddle.net/1uo8rtw2/1/

1. 在姓名框中写下一些内容
2. 按下一步
3. 按上一个
4. 现在您会看到“下一步”按钮已被禁用。

假设问题出在下面的代码中:

    self.errors = ko.validation.group(self.viewModel);

    self.PrevIsEnabled = ko.observable(false);
    self.NextIsEnabled = ko.computed(function() {
        return self.errors().length == 0 && self.SelectedTemplate() != "Age";
    });

是否有任何方法可以在返回时重置错误计数并强制 knockout 验证来重新验证当前模板？

Answer 1

self.errors 包含所有字段的错误。

您应该仅检查当前模板字段的有效性:

self.NextIsEnabled = ko.computed(function() {
    var selectedTemplate = self.SelectedTemplate();
    return selectedTemplate != "Age" 
           && self.viewModel[selectedTemplate].isValid();
}

当然，如果模板中有多个字段，您应该检查所有字段的有效性。