Очистить сообщения проверки кендо при потере фокуса элемента

Я применяю кендо-валидацию к текстовому полю, и кажется, что оно работает нормально. Проблема в том, что когда я теряю фокус из элемента 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()" /> 
Другие вопросы по тегам