我的示例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无效)