0

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>
4

1 に答える 1

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()" />
于 2015-06-17T13:51:11.137 に答える