jquery - Kendo ui 多选验证

Question

有谁知道如何使用 Kendo UI 验证器验证 Kendo UI 多选小部件？
我只想检查选择是否包含某些内容或为空。
多选应该是必需的。

谢谢

Answer 1

给定一个多选定义为：

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