2013-05-16 116 views
6

沒有人知道如何驗證Kendo UI Multiselect Widget與Kendo UI驗證器嗎?
我只想檢查選擇是否包含某些內容或爲空。
應該需要Multiselect。Kendo ui Multiselect驗證

感謝

回答

10

給定一個多選定義爲:

<select id="tags" multiple="multiple" name="tags" required data-required-msg="Select start time"></select> 

和初始化它下面的JavaScript:

var multi = $("#tags").kendoMultiSelect({ 
    dataSource: { 
     transport: { 
      read: function (op) { 
       var data = [ 
        "Option1", "Option2", "Option3", "Option4", "Option5" 
       ]; 
       op.success(data); 
      } 
     } 
    } 
}).data("kendoMultiSelect"); 

添加以下代碼來驗證它:

// Get reference to the validator 
var validator = $("#tags").kendoValidator().data("kendoValidator"); 

// Bind validation to blur 
$("input", multi.wrapper).on("blur", function() { 
    validator.validate(); 
}); 
WOW,works gre。
+0

WOW,works gre在:-)謝謝! – chris

+1

我用這個答案來修復我們的多重選擇的驗證。修復的關鍵在於我們在'input'元素上創建了多重選擇而不是'select',這將阻止驗證正常工作:http://plnkr.co/edit/Riu7EjKq0JjxAElmaQ85?p=preview –

+1

一如既往的OnaBai是頂尖人物:-) 感謝您的幫助! – EdsonF