Создание ввода электронной почты с помощью Kendo-UI

Question

Моя компания использует KendoUI с ASP.NET MVC для наших форм ввода. У нас есть аннотации данных по большинству наших свойств модели, и проверка корректно работала с помощниками Html. Как только мы заменили Html.TextBoxFor на Html.Kendo(). TextBoxFor, однако, все входы стали текстом по умолчанию = текст вместо того, чтобы вытаскивать тип из аннотации данных.

Я могу заставить тип электронной почты быть создан путем включения type = "email" в разделе HtmlAttributes для каждого виджета KendoUI. Однако, поскольку это было автоматически ранее, кажется, что мы движемся назад, используя виджеты KendoUI. Я что-то пропустил? Моя текущая аннотация данные следующее:

[DataType(DataType.EmailAddress, ErrorMessage ="The email address is not valid")] 

Кроме того, если добавить тип = «электронную почту», новое сообщение проверки Кендо появляется, когда у меня нет правильной электронной почты. Это не происходит ни для одной из других проверок, которые появляются там, где находится Html.ValidationMessageFor. Это новое сообщение проверки Kendo имеет другой стиль и отображается непосредственно под тегом <input/> как <label>. Помимо использования CSS, чтобы скрыть этот ярлык, существует ли другой способ показать только одно сообщение проверки при добавлении типа?

Заранее благодарен!

проверка

Answer 1

Кендо поддерживает RequiredStringLengthRangeRegularExpression аннотации данных (http://docs.telerik.com/kendo-ui/aspnet-mvc/validation)

Но для поддержки [EmailAddress(...)] аннотаций вы можете использовать этот кендо пользовательские глобальные правила проверки (как и я в своих проектах):

kendo.ui.validator.rules.FixEmail = function (input) { 
    var datavalemail = input.attr('data-val-email'); 
    if (datavalemail != null) input.attr('type', 'email').attr('data-email-msg', datavalemail); 
    return true; 
} 

То же самое, чтобы скрыть подсказки для проверки кендо. Я использую это глобальное правило css:

.k-tooltip-validation { 
    display: none !important; 
}