【问题标题】:Kendo ui Multiselect validationKendo ui 多选验证
【发布时间】:2013-05-11 12:07:05
【问题描述】:

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

谢谢

【问题讨论】:

    标签: jquery validation 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 来正确显示验证消息,而整个问题只是我使用的是 而不是
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多