Kendo ui 多选验证

Posted 2023-05-07

【中文标题】Kendo ui 多选验证

【英文标题】：Kendo ui Multiselect validation

【发布时间】：2013-05-11 12:07:05

【问题描述】：

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

谢谢

【参考方案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();
);

【讨论】：

我使用这个答案来修复我们的多选验证。修复的关键是我们在 input 元素而不是 selects 上创建多选，这将阻止验证正常工作：plnkr.co/edit/Riu7EjKq0JjxAElmaQ85?p=preview

一如既往，OnaBai 是顶尖人物 :-) 感谢您的帮助！

@Ej。非常感谢，我花了很多时间尝试不同的 CSS hack 来正确显示验证消息，而整个问题只是我使用的是 而不是 。还必须添加 才能同时显示所有验证消息。为什么剑道的作者需要这么多步骤才能使验证生效，这超出了我的理解……