asp.net-mvc-4 - 将 jquery 验证添加到 kendo ui 元素

Question

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

$.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)
    }
});

Answer 1

我找到了一个基于 this post 的解决方案.基本上你需要做的是寻找 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')
        }
    }
});

我会建议任何人在离开这个特定的兔子洞之前访问我在上面链接的帖子，因为它引入了另一个问题，只是为了了解你正在进入的内容。与在那里提出的问题相比，异常(exception)答案确实与这个问题更相关。