JQuery点击按钮跳转页面的方法

form表单

<form class="navbar-form navbar-left" action="">
     <div class="form-group">
          <input type="text" class="form-control" placeholder="搜目的地/攻略/酒店" id="ipt">
      </div>
      <button type="button" class="btn btn-default" id="btn" onclick="javascript:void(0);">搜索</button>
</form>

jquery绑定事件

  <script>
        $(function () {//获取表单并跳转
            $("#btn").click(function () {
                var key=$("#ipt").val();
                var url="/passer_war_exploded/page/search/"+key;
                location.href=url;
            });
        });
    </script>

页面不跳转：error 解决

首先如果没有像单词 标点符号错误情况下
点击按钮

• 按钮如果不设置type类型，则默认type类型为submit 提交

• 当不需要提交表单，而是去执行其他时间 如跳转页面需要 手动设置type类型：
  

• 修改type类型后，下面就能正常跳转到百度页面了。
  （不写type类型，默认为submit时，跳转不了）