返回键不适用于输入文本标签答案

【问题标题】：Return key not working on input text tag返回键不适用于输入文本标签
【发布时间】：2012-03-30 18:31:35
【问题描述】：

我有以下代码

   <div class="framepage">
           <header>
            <script type="text/javascript">                          

            function getBaseUrl() {
                return "@Url.Content("~/paging")";
            }

            function LocationSearch(baseUrl) {
                 window.location = getBaseUrl() + "/LocationSearch?searchstring=" + (document.getElementById('vestigingen').value);
            }


            </script>
           </div>
    </div>
</div>

        </header>
        <section id="maintest">   
          <ul id="menu">
          <li>
            <form class="navbar-search">
            <div class="icon-search icon-white"></div>
            <input type="text" class="search-query span3" id="vestigingen">
             </form>
             <input type="button" class="buttonzz" value="zoeken" onclick="LocationSearch()"/>
             </li>
                <li><a href="javascript:void(0);" onclick="LocationSearch();">Lijst</a></li>
                <li><a href="javascript:void(0);" onclick="LocationSearchList();">Lijst</a></li>
                               </ul>
            <div class="fence">
        @RenderBody()
            </div>

我的问题与返回键有关。每当我按下返回键时，我在 input(type=text) 标记中插入的值都会丢失。
例如，我输入 New York 并想在 NY 中获得结果，我的字段为空。如果我输入它并使用我的提交按钮，一切都很好。有人可以帮我吗？

【问题讨论】：

标签： javascript html asp.net-mvc

【解决方案1】：

您不需要任何 javascript。只需使用 HTML 助手来生成您的搜索表单：

@using (Html.BeginForm("LocationSearch", "SomeController", FormMethod.Get, new { @class = "navbar-search" }))
{
    <div class="icon-search icon-white"></div>
    @Html.TextBox("searchstring")
    <input type="submit" value="Search" />
}

【讨论】：

感谢工作就像一个魅力，烦人我现在必须自定义和样式表 Html.textbox

【解决方案2】：

您可以将type 更改为submit 而不是button，这会将button 设置为默认值。

【讨论】：

【解决方案3】：

返回键提交您的表单，在您的情况下，您的页面将刷新。尝试阻止此默认操作。有很多技巧！

【讨论】：