按鈕onclick調用javascript功能不工作

Question

我試圖調用一個函數，當用戶點擊導航欄搜索按鈕，但它似乎並沒有調用javascript功能，只是加載相同的頁面。我已經看了例子和其他問題，但我沒有看到anyhing錯了..任何幫助將不勝感激，這裏是我的代碼，這是我的Masterpage.aspx：

  <div class='navbar-form navbar-left' role='search'> 
        <div class='inputgroup'> 
         <input class='form-control' id='navinput' type='text' placeholder='Search'/> 
         <button class='btn btn-default' type='submit' id='navsearchbtn' runat='server' onclick='NavToSearch();'> 
          <span class='glyphicon glyphicon-search'></span> 
         </button> 
        </div>  
       </div> 

這裏是我的js代碼（也在Masterpage.aspx）：我只是測試重定向，看看它是否工作。 （我要實現的代碼中的註釋，請檢查是沒關係，好​​，那我想用輸入要搜索的文本數據庫）

<script type='text/javascript'>     
      function NavToSearch() { 
       window.location.href = 'Search.aspx'; 

         /*var navsearchText = $('$navinput').text(); 

        if (navsearchText == '') 
        { 
         $('$navinput').attr('placeholder', 'Enter Search Text'); 
         return false; 
        } 
        else window.location.href = 'Search.aspx'; */ 
      } 
</script> 

更新後的腳本/功能：

<script type='text/javascript'> 
function NavToSearch() 
       {      
       var navsearchText = $('#navinput').text(); 

       if (navsearchText == '') 
       { 
        $('#navinput').attr('placeholder', 'Enter Search Text'); 
        return false; 
       } 
       else { 
        window.location.href = 'Search.aspx'; 
        //return false; 
       } 

        /*OR 
         $(document).ready(function(){ 
          var url = "OrderHistory.aspx"; 
          $(location).attr('href',url); 
         })*/        
      } 
     </script> 

Answer 1

如果youwant只是調用NavToSearch()當按鈕點擊，你必須從submit到button更改按鈕的類型：

<button class='btn btn-default' type='button' id='navsearchbtn' runat='server' onclick='NavToSearch();'> 
     <span class='glyphicon glyphicon-search'></span> 
</button> 

我n您有您的註釋代碼由#的ID navinput更換$標誌，也.text()通過.val()：

$('#navinput').val(); 

相反的：

$('$navinput').text(); 

希望這有助於。

Answer 2

對於提交按鈕，表單提交將取消重定向，或者如果之後添加return false，則重定向將取消提交。

檢查這個問題：

How do I redirect users after submit button click?

Answer 3

聽起來你正在使用Asp.net Web窗體，如果是真的，你的網頁將有form元素，然後用type=submit一個button將觸發表單提交默認情況下，這通常會重定向到您當前的頁面。

  function NavToSearch() { 
      window.location.href = 'Search.aspx'; 

        /*var navsearchText = $('$navinput').text(); 

       if (navsearchText == '') 
       { 
        $('$navinput').attr('placeholder', 'Enter Search Text'); 
       } 
       else window.location.href = 'Search.aspx'; */ 

      return false; //prevent the form submit whatever. 
     }