按钮onclick调用javascript函数不起作用

用户名

我试图在用户单击导航栏搜索按钮时调用一个函数，但它似乎没有调用javascript功能，只是加载了同一页面。我看过示例和其他问题，但我没有发现任何错误。.非常感谢您的帮助，这是我的代码，在我的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>

扎卡里亚·阿查尔基（Zakaria Acharki）

如果您只想NavToSearch()在单击按钮时调用，则必须将按钮的类型从更改submit为button：

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

在你的注释代码必须更换$的标志#为ID navinput，并.text()通过.val()：