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

Question

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

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

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

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

请问这种情况怎么调整

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

Answer 1

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

Answer 2

不要用button标签，用a标签

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

Answer 3

加上type="button"试试

Answer 4

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

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

Answer 5

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