• 本站域名:OceanCoder.cn 若您喜欢本站,请添加至收藏夹!
  • 网站少部分资源来源自网络,如有侵犯您的权益,请联系站长删除!
  • 本站所有文章,除特殊标明外,皆为本人原创,转载请注明出处,谢谢合作!
  • 本站所下载的资源,若无特殊说明,使用统一解压密码:oceancoder.cn
  • 本站已实现布局自适应,支持手机端、pad端访问,欢迎体验
  • 本站部分资源可通过微信公众号留言获取,欢迎体验

js form进行登录提交操作,无法跳转指定页面,status为canceled

HTML+CSS+JS OceanCoder 2020-08-03 3400 次浏览 0个评论

一、遇到的问题

<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" />







已有 3400 位网友参与,快来吐槽:

发表评论