Kendo Ui MVVM Validation for controls

Question

我尝试在ym HTML中应用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()如果为 true，则继续，如果为 false，则停止并显示警报。

Answer 1

在输入后添加一个范围。使用"data-for"属性，并向其传递输入控件的名称（此外，向输入控件添加名称）。

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

CSS 类是剑道类，因此如果不使用剑道模板，请使用自己的样式。

Answer 2

你尝试使用数据必需的消息：

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