Returnキー入力テキストタグ

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> 

を持っている私の問題は、リターンキーに関するものです。 returnキーを押すたびに、入力（type = text）タグの挿入された値が失われます。
たとえば、ニューヨークを入力してNYに結果を取得したい場合、フィールドは空です。 私がそれを入力し、私の提出ボタンを使用しても問題ありません。誰も私をここで助けることができますか？

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

あなたはsubmitではなくbuttonにtypeを変更することができ、これがデフォルトにbuttonを設定します。

Answer 3

Returnキーがフォームを送信し、場合によってはページが更新されます。このデフォルトアクションを防止してください。それにはたくさんのトリックがあります！