html - 用于控件的 Kendo Ui MVVM 验证

Question

我试图required在 HTML5 中应用属性以进行验证。我在屏幕上实现了 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() 如果为真则继续，如果为假则停止并显示警报。

Answer 1

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

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

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

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

Answer 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"
});