jquery - 如何将.input-validation-error应用于MVC4中的kendo Editor

标签 jquery asp.net-mvc kendo-ui

我正在我的 MVC4 应用程序中使用 Kendo Editor,并使用

实现了基于模型的验证
 $("form").data("validator").settings.ignore = ":hidden:not(#Text)";
 $.validator.setDefaults({ ignore: [] });

Kendo 围绕 TextArea 构建编辑器并将其标记为隐藏字段。现在验证正在工作,但如果验证失败,则不会将 .input-validation-error 类添加到其中。谁能建议我该怎么做。

最佳答案

重点是输入验证错误类应用于原始隐藏字段......而不是编辑器。您必须拦截验证失败事件,并且必须手动将此类添加到编辑器中。

有两种方法可以拦截验证事件。更简单的方法是在传递给 setDefaults 方法的选项中指定自定义 showErrors 函数。验证插件文档解释了如何执行此操作。

另一种方法是重新定义验证器对象原型(prototype)的元素和表单方法...这并不困难,但需要您对验证插件有更深入的了解。

我建议使用第一种方法,并在 showErrors 函数中放置一个断点,以便您可以熟悉传递给它的参数的格式。添加自定义项后,不要忘记调用默认的 showErrors 函数。

不要忘记验证错误也必须被清除。现在,如果插件无法清除您的自定义错误(也许......因为它们没有附加到输入字段),您也被迫覆盖元素和表单方法,因为如果没有错误,则不会调用 showErrors 函数上面的方法在任何情况下都会被调用,这样你就可以把你的清除代码放在那里......

我的建议是集中精力在开始时显示错误,在您熟悉验证插件的工作方式之后,如果有必要,集中精力清除您的自定义错误(也许它们会被插件自动清除。 ..不确定插件如何清除其错误)

关于jquery - 如何将.input-validation-error应用于MVC4中的kendo Editor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15899588/

相关文章:

javascript - 仅在 Chrome 中 kendo ui 图的 categoryAxis 标签排序错误

kendo-ui - 在 Kendo Grid 中添加下拉菜单

php - 我得到一个空白的动态 html 表

javascript - 如何将html字符串转换成dataURI

javascript - 使用字符串的正则表达式搜索

asp.net-mvc - 从 Core MVC 中的 cookie 中的声明中检索 Userid

kendo-ui - Kendo UI treeview 查找选中节点的下一个节点和上一个节点

表中的 JavaScript 问题

c# - 具有任意深度的 ASP.NET MVC 动态路由和 Action 链接

c# - 如何在 .NET Core MVC 项目中转换 appsettings.json?