asp.net-mvc-4 – 为kendo ui元素添加jquery验证

发布时间：2020-12-16 06:33:15 所属栏目：asp.Net 来源：网络整理

导读：我已经查看了很多这方面的帖子,并且在我添加以下内容时确实调整了我的字段. $.validator.setDefaults({ ignore: []}); 我仍然缺少的部分是添加input-validation-error类来通知用户.它适用于我的其他输入元素(非剑道).我已经尝试在$.validator.setDefaults中

我已经查看了很多这方面的帖子,并且在我添加以下内容时确实调整了我的字段.

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

解决方法

我找到了一个基于 this post的解决方案.基本上你需要做的是查找输入所包含的父元素.像这样：

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

我会建议任何人虽然访问我已经链接到上面的帖子,然后再取下这个特殊的兔子洞,因为它引入了另一个问题,只是为了了解你正在进入的内容.除了在那里被问到的那个问题之外,这个问题的答案真的更为重要.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!