Kendo Ui MVVM驗證控件

Question

我試圖在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() 正在處理如果是真的勇往直前，如有虛假停止並顯示警告。

Answer 1

這是一段時間回來，但我希望這可以解決您的問題：

添加一個跨度的輸入之後。使用'data-for'屬性，並將它傳遞給您的輸入控件的名稱（同時，爲您的輸入控件添加一個名稱）。

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

css類是一個kendo類，所以如果不使用kendo模板，請使用自己的樣式。

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