Question

我有以下JS对象：

var form= function () {

    var self = this;

    self.Name = ko.observable().extend({
        required: {
            message: 'Name is required.'
        }
    });
    self.Manager = ko.observable().extend({
        required: {
            message: 'Manager is required.'
        }
    });
    self.Email = ko.observable().extend({
        required: {
            message: 'Email is required.'
        },
        email: {
            message: 'Entered Email is not valid.'
        }
    });

    self.Players = ko.observableArray([]);

}

使用Players语法使用以下JS对象填充上述JS对象中的

new Player()数组：

 var Player = function () {

        var self = this;

        self.FirstName= ko.observable().extend({
            required: {
                message: 'Player First Nameis required.'
            }
        });

        self.LastName= ko.observable().extend({
            required: {
                message: 'Player Last Name is required.'
            }
        });
    }

我对knockout-validation库使用了以下设置：

ko.validation.init({
    registerExtenders: true,
    messagesOnModified: true,
    insertMessages: false,
    parseInputAttributes: true,
    messageTemplate: null,
    decorateInputElement: true,
    errorElementClass: 'error',
    grouping: {
        deep: true,
        observable: true
    }
}, true);

我正在使用viewModel.errors.showAllMessages()在视图模型中显示所有错误消息。我面临的问题是player对象的验证没有被触发，因为它存在于Form对象中。我甚至将deep属性设置为true，但即使这样也无效，可能会出现什么问题？

Answer 1

简短的回答是，你需要使用{live：true}来跟踪添加到可观察数组的对象的错误。

更长的答案：

我使用了Jeroen的小提琴作为起点，并假设你想要的是显示所有玩家的所有可验证的观察者的错误信息。

使用ko.validation.group（vm，options）获取错误列表。它是返回的对象（一个计算的observable，返回一个错误数组），它暴露了showAllMessages函数。

默认情况下，它不会对提供的视图模型执行深度遍历，因此您只会获取Name，Manager和Email属性的错误（我假设您当前正在获取）。

要使用深度遍历，您可以提供{deep：true}选项。这应该会在调用 group 函数时为你在阵列中的所有玩家带来错误。

如果您希望在调用 group 函数后跟踪添加到可观察数组（在您的情况下为播放器）的对象，则可以使用{live：true}选项。它将在阵列上创建订阅，并在每次修改阵列时更新错误列表。以下是添加它的问题：https://github.com/Knockout-Contrib/Knockout-Validation/pull/223

下面是相关的剪辑，这里是小提琴： https://jsfiddle.net/2a7t72be/1/

var form = function () {
    var self = this;

    self.showErrors = function(){
        self.errors.showAllMessages();
    };

    // ...

    self.Players = ko.observableArray([]);

    self.errors =   ko.validation.group(self, { deep: true, live: true });
}

PS。您当然可以在调用validation.init时配置分组选项（只需在调用 group 之前执行此操作）。

敲除验证内部可观察验证未被触发

1 个答案: