KnockoutJS Validation - 嵌套的 ViewModel 作为validatedobservable

Question

我有一个 KnockoutJS 视图模型，它充当多个模块化视图模型的“主”视图模型。这些模块化虚拟机利用淘汰赛验证的属性进行自己的表单验证。我想在主视图模型中创建这些视图模型validatedObservable，所以我可以简单地检查每个isValid 是否为真：

function MasterViewModel() {
    var self = this;

    self.addUserViewModel = ko.validatedObservable(new AddUserViewModel());
}

function AddUserViewModel() {
    var self = this;
    self.username = ko.observable().extend({ required: true });

    self.addUser = = function () {
        if(self.isValid()) {
            // Perform add user logic here
        }
    }.bind(self);
}

但是，当我尝试调用子视图模型时，isValid 方法不存在。添加作为函数的 validatedObservable 属性是否存在问题？

Answer 1

isValid 是由函数validatedObservable 添加的，因此只能在MasterViewModel 中使用。

当您想检查模型在模型本身内部是否有效时，您可以使用ko.validation.group：

function AddUserViewModel() {
    var self = this;
    self.username = ko.observable().extend({ required: true });

    var errors = ko.validation.group(self, { deep: true });
    self.addUser = = function () {
        if (!errors().length) {
            // Perform add user logic here
        }
    };
}