淘汰赛验证不应用错误类答案

【问题标题】：Knockout validation not applying error class淘汰赛验证不应用错误类
【发布时间】：2017-04-30 20:42:52
【问题描述】：

我已对文本输入应用了敲除验证，验证正确显示，但 errorMessageClass 未应用于错误消息。我假设我设置错误，但我看不到是什么。

我的 HTML 只是一个带有跨度的简单文本框，我已对其应用了 validationMessage 绑定：

<div>
   Mandatory field:
</div>
<span>
   <span data-bind="validationMessage: userInput"></span>
   <input type="text" data-bind="textInput: userInput" />
</span>

我已经使用 typescript 构建了一个基本的淘汰赛模型：

class MyViewModel {
    constructor(userInput: string) {        
        this.userInput(userInput);
    }

    userInput = ko.observable('').extend({
        required: {
            params: true,
            message: 'Please enter a value.'
        }
    });
}

这是设置敲除验证并应用敲除绑定的文档就绪函数：

$(function () {
    ko.validation.init({
        insertMessages: false,
        errorMessageClass: 'field-validation-error'
    });

    window.vm = new MyViewModel('Delete me');

    ko.applyBindings(window.vm);
});

我已经设置了jsfiddle to replicate my problem。我显然可以手动将课程放在跨度上，但是当我以前使用淘汰赛验证时，我不必这样做。为了获得淘汰赛验证以自动应用课程，我需要进行哪些更改？

【问题讨论】：

标签： typescript knockout.js knockout-validation

【解决方案1】：

errorMessageClass 指定的类仅适用于自动生成的消息。您可以通过配置参数insertMessages打开这些消息。

看一看：https://jsfiddle.net/r59dyjj0/4/

【讨论】：