Kendo-UI for JQuery下拉列表自定义验证不起作用

时间:2019-05-16 06:13:43

标签: jquery kendo-ui

我的示例HTML表单:

<html>
    <head>
       <style type="text/css">
           .k-dropdown.k-invalid {
               border: 1px solid red;
           }
        </style> 
    </head>
    <body>
        <form id="myForm">            
            <select name="mySelect">
                <option>select me</option>
                <option>select me</option>
            </select>
        </form>        
    </body>
</html>

剑道验证器的代码:

var validator = $("#myform").kendoValidator({
        messageTemplate:  "",
        validate: function (e) {
            if (!e.valid) {
                $("span.k-invalid-msg").hide();
             }
       },
}).data("kendoValidator");

我绑定剑道下拉列表的方式:

$("mySelect").kendoDropDownList();

当调用validator.validate()时,所有组合框(kendo下拉列表)都没有被修饰,因为CSS应用于选择,但不适用于kendo添加的包装器。问题是剑道隐藏了选择内容,而包装程序(跨度)没有使用正确的类进行更新。 (k输入k无效)

0 个答案:

没有答案