2013-12-18 2 views
0

Я создаю мобильный сайт, используя Kendoui mobile и используя KendoValidation. Проблема заключается в том, что по умолчанию сообщения об ошибках блокируют область ввода из-за небольшой области отображения.Kendoui Mobile подтверждение клиента действие

Одна мысль, что у меня есть, - это просто изменить цвет подсказки на красный, если вход недействителен и, при необходимости, всплывающая подсказка, которая будет отображаться при вводе в качестве фокуса.

Есть ли способ остановить сообщения и выполнить это действие?

Спасибо, Джордж

ответ

2

Я нашел свое собственное решение:

конкретизированных валидатора с помощью:

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

и добавил следующий CSS:

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

The errorTemplate: " "приводит к тому, что сообщение об ошибке не отображается. Валидатор добавляет класс k-invalid к любому недопустимому элементу, поэтому css меняет цвет фона области ввода.

Для моего приложения большинство входов как понятно и не нуждаются в подробном сообщении (чаще всего правило «обязательно» является тем, что делает его недействительным). Таким образом, просто изменение цвета фона привлекает внимание используемого элемента к нужному исправлению.

-George