2015-06-17 57 views
0

我将kendo-Validation应用于文本框,它似乎工作正常。 问题是,当我从文本框元素中失去焦点时,验证消息仍然存在,我希望在搜索文本框失去焦点时隐藏该消息。当丢失元素焦点时清除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为false,如果你再次点击提交,并在条件满足就会dissapear。或者你想要如果搜索文本已经填满,那么你失去了重点搜索错误消息是消失? –

回答

0

好,我已经使用了的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()" />