2016-12-15 96 views
0

我已将敲除验证应用于文本输入并且验证正确显示,但errorMessageClass未应用于错误消息。我认为我错误地设置了一些东西,但我看不到什么。敲除验证未应用错误类

我的HTML是到我申请只是一个跨度的简单文本框中validationMessage结合:

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

我已经使用打字稿建立一个基本的淘汰赛模式:

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。我显然可以手动将该类放在span上,但是之前我已经使用了knockout验证,我不必这么做。我需要改变什么才能让淘汰赛验证自动应用该课程?

回答

1

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

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