knockout.js - 淘汰赛验证更改无效模型上的输入背景颜色

Question

对于这个小提琴，当模型无效时，如何使框的背景颜色发生变化？

ko.validation.configure({
    insertMessages: false,
    decorateElement: true,
    errorElementClass: 'error'
});

NameModel = function(model) {
    var self = this;

    //Observables
    self.firstName = ko.observable().extend({
        required: true
    });

    ko.validation.group(self);
    return self;
};

我正在尝试实现类似于下面的商店结帐的功能。

Answer 1

Knockout-Validation 插件error向无效的元素添加一个类。您需要做的就是为该类设置背景颜色：

.error {
    background: yellow;
}

如果您需要更改元素错误类，您也可以这样做。文档的配置部分中的更多信息（https://github.com/Knockout-Contrib/Knockout-Validation/wiki/Configuration）。