knockout.js - 淘汰赛验证纠正错误

Question

我正在使用 KnockoutJS 和 Knockout-Validation。我正在使用该属性errorElementClass，但是，我希望能够在更正验证错误后将另一个类分配给元素。只有在元素遇到错误并已更正后，才会将此类分配给元素。

有没有人尝试过这种事情？

Answer 1

您可以向可观察对象添加扩展程序并订阅对 isValid 属性的更改

像这样

ko.extenders.corrected = function(observable) {
    observable.isCorrected = ko.observable();
    observable.isValid.subscribe(function(value) {
        observable.isCorrected(value == true);
    });

    return observable;
};

http://jsfiddle.net/fkkJz/

你需要手动绑定css

<input data-bind="value: field, css: { corrected: field.isCorrected }"  />

你也可以做一些小技巧，这样你就不需要手动绑定 css。这将覆盖值绑定并检查它是否应该注入一个 css 绑定 http://jsfiddle.net/HuLWD/

更新：由于要求，我在功能上需要我自己并记住了这个答案，但是如果提交了第二个正确的值，我还需要它来清除更正的状态，它可以像这样实现

ko.extenders.corrected = function(observable) { 
    var state = observable();
    observable.isCorrected = ko.observable();
    observable.isValid.subscribe(function(value) {
        observable.isCorrected(value == true);
        state = observable();
    });

    observable.subscribe(function(value) {
        if(state !== value) {
            observable.isCorrected(false);
        }
    });

    return observable;
};

http://jsfiddle.net/HuLWD/1/