【问题标题】:Kendoui Mobile customer validation actionKendo Ui Mobile 客户验证操作
【发布时间】:2013-12-18 23:39:42
【问题描述】:

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

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

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

谢谢,乔治

【问题讨论】:

    标签: kendo-ui kendo-mobile


    【解决方案1】:

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

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

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

    并添加了以下css:

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

    errorTemplate: "" 导致错误消息不显示。 验证器会为任何无效的项添加一个类 k-invalid,因此 css 会更改输入区域的背景颜色。

    对于我的应用程序,大多数输入都是不言自明的,不需要详细的消息(大多数时候,“必需”规则是使其无效的原因)。因此,只需更改背景颜色即可将用户的注意力吸引到需要修复的项目上。

    -乔治

    【讨论】:

      猜你喜欢
      • 2013-05-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-11
      • 2013-01-10
      相关资源
      最近更新 更多