knockout.js - 使用 Knockout Validator 添加 CSS 类

Question

我想向 select 添加一个 CSS 类元素在我看来，我的 View 模型有一个我使用 Knockout-Validation 扩展的属性:

self.selectedRootCause = ko.observable().extend({
    required: true
});

然后我的 select是这样的:

<form data-bind="submit: closeComplaint" method="post"> 
    <select data-bind="options: rootCauses, 
                            optionsText: 'RootCauseText', 
                            value: selectedRootCause, 
                            optionsCaption: 'Choose..',
                            validationOptions: { errorElementClass: 
                                                 'input-validation-error' }">
    </select>

    <input type="submit" value="Close Complaint" />
</form>

我的 closeComplaint函数看起来像这样:

self.closeComplaint = function () {
    if (self.errors().length == 0) {
        $.ajax({
            url: '@Url.Action("CloseComplaint")',
            data: new DetailsComplaintAdmin(self.currentComplaint(),
                                        self.selectedRootCause().RootCauseId
                ),
            success: function (data) {
                console.log(data);
            }
        });
    }
}

只是为了完成，这是我的 self.errors()功能:

self.errors = ko.validation.group(self);

问题是类 input-validation-error似乎没有添加到我的 select提交表单时输入？有任何想法吗？

Answer 1

查看此 link

据说必须设置decorateElement至 true用于应用 CSS
类来输入标签。
因此，当我全局应用该参数时，它会起作用:

ko.validation.configure({ 
    decorateElement : true
});

查看此 jsfiddle demo

备注 :在最新版本的 Knockout 验证库中， decorateElement配置选项已重命名为 decorateInputElement ( details )