knockout.js - 将验证成功/错误消息绑定(bind)到错误数组

Question

我正在使用 knockout 验证插件和分组来生成一个错误数组。

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

我还有一个消息框对象

function messagebox(status, message) {
    var self = this;
    self.status = ko.observable(status);
    self.message = ko.observable(message);
}

我在 View 模型中实例化并在 View 中成功呈现:

self.msgbox = new messagebox("information", "Enter some integers");

消息框在各种状态下更新以提供信息或警报。我希望它在验证失败或成功时更新。

例如

if (self.errors().length = 0) {
    self.msgbox.status("success");
    self.msgbox.message("Validation successful");
} else {
    self.msgbox.status("error");
    self.msgbox.message("+ or - integers required");
}

任何人都可以建议如何使上述工作正常进行吗？我需要计算的可观测值吗？

Answer 1

如果您使用验证插件设置 grouping: { observable: true } (这是默认设置)然后 ko.validation.group，则不需要创建计算 将返回一个 ko.computed 您可以订阅 的内容:

self.errors.subscribe(function () {
        if (self.errors().length == 0) {
            self.msgbox.status("success");
            self.msgbox.message("Validation successful");
        } else {
            self.msgbox.status("error");
            self.msgbox.message("+ or - integers required");
        }
    });

演示 JSFiddle .