KnockoutJS Validate - 요소의 CSS 클래스가 추가되었습니다.

Question

knockout validate이 내 입력에 오류 CSS 클래스를 추가하는 데 문제가 있습니다.

I는 다음과 같이 구성되어있다 :

var knockoutValidationSettings = { 
    insertMessages: true, 
    decorateElement: true, 
    errorMessageClass: 'error', 
    errorElementClass: 'error', 
    errorClass: 'error', 
    errorsAsTitle: true, 
    parseInputAttributes: false, 
    messagesOnModified: true, 
    decorateElementOnModified: true 
}; 

data.vm = new vmFunc(); 

ko.applyBindingsWithValidation(data.vm, $('#claimsSettingsSubmodule')[0], knockoutValidationSettings); 

스팬 적절한 CSS 클래스 첨가지고 있지만, 입력은 그대로 남아있다. 나는이

<input type="text" id="claims-settings-referrer-name" data-bind="value: referrerName, validationElement: referrerName" /> 

을 할 경우이

<input type="text" id="claims-settings-referrer-name" data-bind="value: referrerName" /> 

작동하는 것 같다하지만이 적어도 말을 최적보다처럼

입력의 HTML 보인다. 자동으로 입력 요소를 장식하기 위해

Answer 1

errorElementClass 당신은에 true에 decorateInputElement 속성을 설정해야합니다 귀하의 knockoutValidationSettings

var knockoutValidationSettings = { 
    insertMessages: true, 
    decorateElement: true, 
    errorMessageClass: 'error', 
    errorElementClass: 'error', 
    errorClass: 'error', 
    errorsAsTitle: true, 
    parseInputAttributes: false, 
    messagesOnModified: true, 
    decorateElementOnModified: true, 
    decorateInputElement: true 
}; 

decorateElementOnModified은 이미 언급 한 바와 같이 validationElement 바인딩과 함께 작동 .