很急，bootstrap里form样式的div里的按钮，为什么不能跳转？

Question

<div id="loginModal" class="modal show">
    <div style="height: 50px;"></div>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close">x</button>
                <h2 class="text-danger text-center">标题</h2>
                <h3 class="text-center text-primary">用户登录</h3>
            </div>
            <div class="modal-body">
                <form  class="form col-md-12 center-block">
                    <div class="form-group">
                        <input id="username" type="text" class="form-control input-lg" placeholder="username">
                    </div>
                    <div class="form-group">
                        <input id="password" type="password" class="form-control input-lg" placeholder="password">
                    </div>
                    <div class="form-group">
                        <button id="btn-login" class="btn btn-primary btn-lg btn-block">立刻登录</button>
                        <button id="btn-goRegister" class="btn btn-danger btn-lg btn-block">注册</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                    <button id="test" class="btn btn-primary">test</button>
            </div>
        </div>
    </div>
</div>

bootstrap弄的一个登录页面样式，用的form样式的div 点击'注册'按钮想跳转到注册页面 可是无法跳转

下面写了一个test的按钮 可以跳转

跳转方式就是js写的window.location.href

请问这种情况怎么调整

找到具体问题了 ： 中间<form> 里的按钮不能直接跳转 </form> 把form改成div可以直接跳转了 可是这样页面样式不太对劲了 毕竟用的bootstrap的样式

Answer 1

加上type="button"试试

Answer 2

跳转为什么要用button啊。为什么不用a标签啊

<a id="btn-goRegister" href="http://reg" class="btn btn-danger btn-lg btn-block">注册</a>

Answer 3

在 button的js代码里面加上e.preventDefault()试试

Answer 4

你要把ＪＳ代码贴出来　这样怎么看

Answer 5

不要用button标签，用a标签

在form里用button回默认成submit表单