敲除验证改变无效模型上的输入背景颜色

Question

对于this fiddle，如何在模型无效时更改框的背景颜色？

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）。