【发布时间】:2013-12-18 23:39:42
【问题描述】:
我正在使用 Kendoui mobile 和 KendoValidation 创建一个移动网站。 问题是默认情况下,由于显示区域小,错误消息会阻塞输入区域。
我的一个想法是在输入无效时将提示的颜色更改为红色,如果需要,当输入为焦点时将显示一个工具提示。
有没有办法停止消息并执行此操作?
谢谢,乔治
【问题讨论】:
标签: kendo-ui kendo-mobile
我正在使用 Kendoui mobile 和 KendoValidation 创建一个移动网站。 问题是默认情况下,由于显示区域小,错误消息会阻塞输入区域。
我的一个想法是在输入无效时将提示的颜色更改为红色,如果需要,当输入为焦点时将显示一个工具提示。
有没有办法停止消息并执行此操作?
谢谢,乔治
【问题讨论】:
标签: kendo-ui kendo-mobile
我找到了自己的解决方案:
使用以下方法实例化验证器:
var validator=$('#mt-New-Reservation').kendoValidator({ errorTemplate: "" }).data('kendoValidator');
并添加了以下css:
.k-invalid {background-color: lightpink !important;}
errorTemplate: "" 导致错误消息不显示。 验证器会为任何无效的项添加一个类 k-invalid,因此 css 会更改输入区域的背景颜色。
对于我的应用程序,大多数输入都是不言自明的,不需要详细的消息(大多数时候,“必需”规则是使其无效的原因)。因此,只需更改背景颜色即可将用户的注意力吸引到需要修复的项目上。
-乔治
【讨论】: