2016-12-15 103 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/