2015-06-17 82 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()" />