无法为错误消息设置自定义css类

Question

我正在尝试向错误消息添加自定义css类。我想将错误消息设置为红色，并突出显示验证失败的输入元素为红色。

代码示例：Fiddle

我已将init设置为：

 ko.validation.init({
        grouping: { deep: true, observable: false },
        decorateElement: true,
        insertMessages: true,
        decorateElementOnModified: true,
        decorateInputElement: true,
        errorClass:'error',
        errorMessageClass :'error',
        errorElementClass:'error'
    });

但我仍然无法看到css的变化

Answer 1

永远不会调用您的init来初始化验证 -

http://jsfiddle.net/W3pQt/6/

这样称呼它 -

init();

Answer 2

问题是永远不会调用initKoValidation()函数，因为永远不会调用vm.init()。试试这个：

function vm(){
    var init = function () {
        initKoValidation();
    }

    var self = this;
    self.user = ko.observable(new User());

    init(); // <--- the missing piece
}