Question

“搜索”框的以下html位于部分视图中。此部分视图在同一页面中根据要求调用两次。问题是下面的jquery仅适用于上面的搜索框而不适用于下面的搜索框。测试用例：当我将上面的搜索框保持为空并输入下面的搜索框时，它会在搜索框中抛出显示空字符串的标签。

任何建议都将不胜感激....

@using (Html.BeginRouteForm("CustomProductSearch", FormMethod.Get, new {        onsubmit = "return check_small_search_form()" }))
 {
<div class="input-group">
    <input type="text" style="height:33px;" class="form-control" id="small-searchterms" @(Model.AutoCompleteEnabled ? Html.Raw(" autocomplete=\"off\"") : null)
           value="@T("Search.SearchBox.Tooltip")" name="q" onfocus="if(this.value=='@T("Search.SearchBox.Tooltip")')this.value=''" onblur="if(this.value=='') {this.value = '@T("Search.SearchBox.Tooltip")';}" />
    <span class="input-group-btn">
        <button type="submit" id="Search" class="btn btn-default"> @T("Search") </button>
    </span>
</div><!-- /input-group -->
<label id="SearchEmptyMessage">Please enter some search keyword</label>
}

这是我的JQuery，用于空白检查搜索框

function check_small_search_form() 
{  
      if( $(this).$("#small-searchterms").val() == "" || $(this).$("#small-searchterms").val()  == "@searchTooltip") {

            $("#SearchEmptyMessage").show();
            $("#small-searchterms").focus();
            return false;
        }
        return true;
    }

搜索框空检查，当同一页面上同一页面调用相同的搜索框html两次时使用相同的ID？

0 个答案: