2013-05-16 117 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