Question

我正在寻找一个淘汰验证插件，我偶然发现了knockout.validation，这看起来非常有前景，但是，它有一个致命的缺陷..

创建ko.validatedObservable（{name：foo}）后，您无法为该observable分配新对象。

例如：在我的视图模型中，我实例化一个经过验证的observable。

var item = new ko.validatedObservable(new Tag({}));

然后我可以致电：

item().isValid(); //Returns false in this case because Tag is empty

标签看起来像这样

Model.Tag = function (data) {
    var
        Id = ko.observable(data.Id),
        Name = ko.observable(data.Name).extend({ required: true, maxLength: 64 }),
        Description = ko.observable(data.Description).extend({ required: true, maxLength: 512 });

    return {
        Id: Id,
        Name: Name,
        Description: Description
    };
};

问题是，如果我想从服务器获取新标签，然后修改该标签..

        $.ajax({
            url: API + "/" + id,
            type: 'GET',
            dataType: 'json',
            timeout: Timeout,
            statusCode: {
                200: function(response) { item(response); },  //Here is where the bug is!
                404: ItemNotFound
            },
            error: function () {
                Item(new Type({}));
            }
        });

项目现在包含来自服务器的值，但是，当我运行

时

item().isValid();  //False is returned

这在GitHub项目https://github.com/ericmbarnard/Knockout-Validation/issues?state=open上列为错误＃209。

有谁知道优雅的工作？或者是另一个能实现这一目标的插件？

Answer 1

我不知道它有多优雅，也许这不是最好的解决方案（或根本不是解决方案），所以使用它需要您自担风险。

但您可以使用“固定”版本覆盖ko.validatedObservable：

ko.validatedObservable = function (initialValue) {
    if (!ko.validation.utils.isObject(initialValue)) {
            return ko.observable(initialValue).extend({ validatable: true });
    }

    var obsv = ko.observable(initialValue);
    obsv.lastErrors = ko.observable(ko.validation.group(initialValue));    
    obsv.subscribe(function(newValue){             
        obsv.lastErrors(ko.validation.group(newValue));
    });
    obsv.errors = function() {        
        return obsv.lastErrors()();
    };
    obsv.isValid = ko.computed(function () {
       return obsv.errors().length === 0;
    });   

    return obsv;
};

我的修补程序会存储ko.validation.group调用的结果，并在基础obsv可观察更改时重新计算它，并且我还更改了original errors property以使用lastErrors属性

我更新了您在此演示github issue中检查的JSFiddle中的示例。

Knockout.Validation不可用，任何替代品？或解决方法？

1 个答案: