Knockout.js 使用HTML5属性进行敲除验证

我可以将HTML5属性添加到我的元素中以进行连接验证吗

如果是这样的话，它似乎对我不起作用。我需要做些额外的事情吗

vm必需

需要HTML5

num1有效：

num2是有效的：

init（{parseInputAttribute:true，writeInputAttribute:true}）//启用HTML5验证，将HTML5验证属性写入控件
var viewModel={
num1:ko.observable（“1”）.extend（{required:true}），
num2:ko.可观察（“2”）
};
应用绑定（视图模型）；

在此处尝试：

您缺少： ko.validatedObservable（视图模型）

vm必需

需要HTML5

num1有效：

num2是有效的：

init（{parseInputAttribute:true，writeInputAttribute:true}）//启用HTML5验证，将HTML5验证属性写入控件
var viewModel={
num1:ko.observable（“1”）.extend（{required:true}），
num2:ko.可观察（“2”）
};
ko.validatedObservable（视图模型）；
应用绑定（视图模型）；

我希望它可以在标记中完成。这不可能吗？这个问题似乎暗示您可以这样做。您是否希望num2.isValid（）返回true或fAlse。。让我检查num1，空白时为假，不空白时为真

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);

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);