一、遇到的问题
<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" />
已有 3349 位网友参与,快来吐槽:
发表评论