Мой образец 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 () все поля со списком (раскрывающийся список кендо) не оформляются, потому что CSS применяется к выделенному элементу, но не к оболочке, добавляемой кендо. Проблема заключается в том, что выборка скрывается кендо, а оболочка (span) не обновляется с правильными классами. (k-вход k-недействительный)