Очистить сообщения проверки кендо при потере фокуса элемента
Я применяю кендо-валидацию к текстовому полю, и кажется, что оно работает нормально. Проблема в том, что когда я теряю фокус из элемента textbox, сообщение проверки остается там, и я хочу, чтобы это сообщение скрылось, когда текстовое поле поиска теряет фокус.
Вот мой HTML и код JavaScript:
> <div class="SearchDiv" id="Search">
@using (Html.BeginForm("Index", "Search", FormMethod.Post, new { id = "searchForm" }))
{
<input type="text" id="searchText" name="searchText" class ="txtSearch", placeholder="Search", required />
<button type="submit" id="btn_submit"></button>
}
<script>
$("#searchForm").kendoValidator({
messages: {
required: "Please Enter Search Text",
},
rules: {
required: function (input) {
if (input.is("[name=searchText]") && $.trim(input.val()).length == 0)
return false;
else
return true;
}
},
validateOnBlur: false
});
</script>
</div>
1 ответ
Хорошо, я использовал атрибут onblur и применил там функцию, чтобы скрыть мое сообщение проверки всякий раз, когда текстовое поле поиска теряет фокус.
function hideValidationMsg() {
$("#SearchDiv").find("span.k-tooltip-validation").hide()
}
и мое поле поиска определяется как:
<input type="text" id="searchText" name="searchText" class ="form-control myGlobalSearch", placeholder="Assets search", required="required" onblur="hideValidationMsg()" />