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

丢失元素焦点时清除kendo验证消息

1 个答案: