2015-06-17 6 views
0

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

Вот мой 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> 
+0

установить validateOnBlur ложь, это будет, если вы исчезают нажмите на кнопку отправить снова и если условие встретиться. Или Вы хотите, чтобы поиск был заполнен, тогда вы теряете фокус из поиска, чтобы сообщение об ошибке исчезло? –

ответ

0

Ok я использовал атрибут 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()" /> 

 Смежные вопросы

  • Нет связанных вопросов^_^