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

Question

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

实现了基于模型的验证

 $("form").data("validator").settings.ignore = ":hidden:not(#Text)";
 $.validator.setDefaults({ ignore: [] });

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

Answer 1

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

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

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

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

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

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