Question

我正在使用Kendoui mobile创建移动网站并使用KendoValidation。问题是默认情况下，由于显示区域较小，错误消息会阻止输入区域。

我有一个想法是在输入无效时将提示的颜色更改为红色，如果需要，还可以在输入为焦点时显示工具提示。

有没有办法停止消息并执行此操作？

谢谢，乔治

Answer 1

我找到了自己的解决方案：

使用以下方法实例化验证器：

var validator=$('#mt-New-Reservation').kendoValidator({ errorTemplate: "" }).data('kendoValidator');

并添加了以下css：

.k-invalid {background-color: lightpink !important;}

errorTemplate：“”导致错误消息无法显示。验证器将k-invalid类添加到任何无效的项目中，因此css会更改输入区域的背景颜色。

对于我的应用程序，大多数输入都是不言自明的，并且不需要详细消息（大多数情况下，“必需”规则是使其无效的原因）。因此，只需更改背景颜色就会将使用者的注意力吸引到需要修复的项目上。

-George