Return-Taste funktioniert nicht auf Eingabetext-Tag

Question

Ich habe den folgenden Code

<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> 

Mein Problem bezieht sich auf die Return-Taste. Immer wenn ich die Return-Taste drücke, ist der eingegebene Wert im Eingabe-Tag (type = text) verloren.
Zum Beispiel schreibe ich New York und will Ergebnis in NY, mein Feld ist leer. Wenn ich es eintippe und meine Submit-Taste benutze, ist alles in Ordnung. Kann mir hier jemand helfen?

Answer 1

Sie benötigen dazu kein Javascript. Verwenden Sie einfach HTML-Helfer, um Ihr Suchformular zu generieren:

Answer 2

Sie konnten die type zu submit anstatt button ändern, und dies wird die button auf Standard gesetzt.

Answer 3

Return-Taste übermittelt Ihr Formular und in Ihrem Fall wird Ihre Seite aktualisiert. Versuchen Sie, diese Standardaktion zu verhindern. Dafür gibt es viele Tricks!