用于控件的 Kendo Ui MVVM 验证答案

【问题标题】：Kendo Ui MVVM Validation for controls用于控件的 Kendo Ui MVVM 验证
【发布时间】：2013-12-18 20:29:28
【问题描述】：

我尝试在 HTML5 中应用 required 属性进行验证。我在屏幕上实现了 MVVM 的逻辑，

我也调用了validator.validate()，它工作正常，但在我的控制附近我没有收到相同的通知。

  <input class="input-block-level" type="text" id="txtSupplierName" data-bind="value: SupplierName" 
                    placeholder="Supplier Name" required  validationMessage="Supplier Name required {0}"/>

验证器

 validator = $("#supplierForm").kendoValidator().data("kendoValidator");

请建议，目前我在validator.validate()处理如果为真则继续，如果为假则停止并显示警报。

【问题讨论】：

标签： html mvvm html5-validation kendo-mvvm

【解决方案1】：

这是很久以前的事了，但我希望这能解决您的问题：

在输入之后添加一个跨度。使用 'data-for' 属性，并将输入控件的名称传递给它（另外，为输入控件添加名称）。

<span class="k-invalid-msg" data-for="txtSupplierName"></span>

css 类是一个剑道类，所以如果不使用剑道模板，请使用您自己的样式。

【讨论】：

【解决方案2】：

您尝试使用 data-required-msg：

<input class="input-block-level" type="text" id="txtSupplierName" data-bind="value:    SupplierName" 
                placeholder="Supplier Name" required  data-bind="attr:{data-required-msg:message}"/>

JS：

kendo.observable({
message:"Supplier Name required"
});

【讨论】：