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> 

내 문제가 리턴 키에 관한에게 있습니다. 리턴 키를 누를 때마다 입력 된 (type = text) 태그의 삽입 된 값이 손실됩니다.
예를 들어 뉴욕을 입력하고 NY에서 결과를 얻으려는 경우 필드가 비어 있습니다. 입력하고 제출 버튼을 사용하면 문제가 없습니다. 누구든지 나를 도울 수 있습니까?

Answer 1

이 경우 자바 스크립트가 필요하지 않습니다. 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

button 대신 type을 submit으로 변경할 수 있으며 button이 기본값으로 설정됩니다.

Answer 3

Return 키는 양식을 제출하고 페이지가 새로 고침됩니다. 이 기본 조치를 방지하십시오. 거기에는 많은 트릭이 있습니다!