一、遇到的问题

<form>
                <div class="aui-flex">
                    <i class="icon icon-phone"></i>
                    <div class="aui-flex-box">
                        <input type="text" id="UserName" autocomplete="off" placeholder="用户名">
                    </div>
                </div>
                <div class="aui-flex">
                    <i class="icon icon-phone"></i>
                    <div class="aui-flex-box">
                        <input type="password" id="UserPass" autocomplete="off" placeholder="密码">
                    </div>
                </div>
                <button class="aui-sign-login" onclick="return CheckData();">立即登录</button>
                <div class="aui-flex aui-flex-clear">
                    <div class="aui-flex-box">
                        <span id="errorMsg" class="errorMsg" style="color:red;"></span>
                    </div>
                    <div class="aui-links">
                        <a href="javascript:alert('请联系管理员重置');">忘记密码</a>
                    </div>
                </div>
            </form>

在上述checkdata中 进行ajax提交登录，登录成功后使用window.location.href 跳转到主页，调试发现无法跳转，网页的status为canceled

二、原因

在form表单提交中，使用button会同时进行表单提交操作，所以上述代码会进行两次提交的操作，第二次虽然没写提交地址，但会向当前页面提交！

三、解决办法

可以不使用button标签，改用input

<input type="button" name="login" value="登录" onclick="return CheckUserDataValid();" id="login" class="aui-sign-login" />