将 jquery 验证添加到 kendo ui 元素

我已经查看了很多关于此的帖子，并且当我添加以下内容时它确实验证了我的字段。

$.validator.setDefaults({
    ignore: []
});

我仍然缺少的部分是添加input-validation-error类来通知用户。它对于我的其他输入元素（非剑道）运行良好。我尝试过手动添加课程$.validator.setDefaults也是如此，但似乎没有任何作用。

那里有一个例子或者有人让它工作吗？

我不确定我这样做是否正确，但这是我尝试手动添加的内容。

$.validator.setDefaults({
    ignore: [],
    errorClass: "input-validation-error",
    errorElement: "input",
    highlight: function (element, errorClass) {
        $(element).addClass(errorClass)
    },
    unhighlight: function (element, errorClass) {
        $(element).removeClass(errorClass)
    }
});

我找到了一个基于此的解决方案这个帖子 https://stackoverflow.com/questions/16633498/jquery-validate-hides-kendo-ui-controls。基本上你需要做的是寻找父元素input像这样的东西：

$.validator.setDefaults({
    ignore: [],
    highlight: function (element, errorClass) {
        element = $(element);
        if (element.parent().hasClass("k-widget")) {
            element.parent().addClass('input-validation-error');
        } else {
            element.addClass('input-validation-error')
        }
    },
    unhighlight: function (element, errorClass) {
        element = $(element);
        if (element.parent().hasClass("k-widget")) {
            element.parent().removeClass('input-validation-error');
        } else {
            element.removeClass('input-validation-error')
        }
    }
});

我建议任何人在进入这个特定的兔子洞之前先访问我上面链接的帖子，因为它引入了另一个问题，只是为了了解您所遇到的问题。例外的答案实际上比那里提出的问题更与这个问题相关。