【发布时间】:2013-05-11 12:07:05
【问题描述】:
有人知道如何使用 Kendo UI 验证器验证 Kendo UI 多选小部件吗?
我只想检查选择是否包含某些内容或为空。
多选应该是必需的。
谢谢
【问题讨论】:
标签: jquery validation kendo-ui
有人知道如何使用 Kendo UI 验证器验证 Kendo UI 多选小部件吗?
我只想检查选择是否包含某些内容或为空。
多选应该是必需的。
谢谢
【问题讨论】:
标签: jquery validation kendo-ui
给定一个多选定义为:
<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();
});
【讨论】:
input 元素而不是 selects 上创建多选,这将阻止验证正常工作:plnkr.co/edit/Riu7EjKq0JjxAElmaQ85?p=preview