kendo-ui - 失去元素焦点时清除剑道验证消息

Question

我正在将 kendo-Validation 应用于文本框，它似乎工作正常。问题是当我从文本框元素失去焦点时，验证消息仍然存在，我希望在搜索文本框失去焦点时隐藏该消息。

这是我的 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>

Answer 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()" />