HTML5 속성을 사용한 녹아웃 유효 확인

Question

HTML5 속성을 wireup 유효성 검사에 요소에 추가 할 수 있습니까?

나를 위해 작동하지 않는 것 그렇다면. 여분의 것을해야합니까?

http://jsfiddle.net/FcM2A/1/

vm required<input data-bind="value: num1, valueUpdate: 'afterkeydown'"/><br/> 
HTML5 required<input required="true" data-bind="value: num2, valueUpdate: 'afterkeydown'" /><br/> 
num1 isValid: <span data-bind="text: num1.isValid()"></span><br/> 
num2 isValid: <span data-bind="text: num2.isValid()"></span> 
<p data-bind="text:ko.toJSON($root)"></p> 

ko.validation.init({parseInputAttributes: true, writeInputAttributes: true}); //enable HTML5 validation, write HTML5 validation attributes to the controls 

var viewModel = { 
    num1: ko.observable("1").extend({ required: true }), 
    num2: ko.observable("2") 
}; 
ko.applyBindings(viewModel); 

Answer 1

여기를보십시오 : http://jsfiddle.net/FcM2A/29/

당신이 누락 : ko.validatedObservable (뷰 모델을);

vm required<input data-bind="value: num1, valueUpdate: 'afterkeydown'"/><br/> 
HTML5 required<input required="true" data-bind="value: num2, valueUpdate: 'afterkeydown'" /><br/> 
num1 isValid: <span data-bind="text: num1.isValid()"></span><br/> 
num2 isValid: <span data-bind="text: num2.isValid()"></span> 
<p data-bind="text:ko.toJSON($root)"></p> 

ko.validation.init({parseInputAttributes: true, writeInputAttributes: true}); //enable HTML5 validation, write HTML5 validation attributes to the controls 

var viewModel = { 
    num1: ko.observable("1").extend({ required: true }), 
    num2: ko.observable("2") 
}; 
ko.validatedObservable(viewModel); 
ko.applyBindings(viewModel);