Клавиша возврата не работает для тега ввода текста

Question

У меня есть следующий код

   <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) теряется.
Например, я набираю Нью-Йорк и хочу получить результат в Нью-Йорке, мое поле пусто. Если я наберу его и использую кнопку «Отправить», все будет хорошо. Может ли кто-нибудь помочь мне здесь?

Answer 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" />
}

Answer 2

Ключ возврата отправляет вашу форму, и в вашем случае ваша страница обновится Попробуйте предотвратить это действие по умолчанию. Для этого есть множество хитростей!

Answer 3

Вы можете изменить type на submit вместо button, и это установит button по умолчанию.