记一次js之button问题

简介: 问题描述:记得某天,发现一件让我非常气愤的事情,居然因为一个按钮导致页面跳转失败或者是根本跳转不了界面,哪怕404也不给我报。问题回现步骤: (1)正常输入url localhost:8080/test 可以看到一个登陆界面; (2)正常录入表单信息点击提交,在输入正确的用户名和密码的前提下,居然最后出现这样的情况 地址由localhost:8080/test变为localhost:8080/test/? 多了一个问号,这让我觉得非常奇怪。

问题描述:记得某天,发现一件让我非常气愤的事情,居然因为一个按钮导致页面跳转失败或者是根本跳转不了界面,哪怕404也不给我报。

问题回现步骤:
(1)正常输入url localhost:8080/test
可以看到一个登陆界面;

(2)正常录入表单信息点击提交,在输入正确的用户名和密码的前提下,居然最后出现这样的情况
地址由localhost:8080/test变为localhost:8080/test/?
多了一个问号,这让我觉得非常奇怪。

正常情况下,应该调用ajax中的方法 transit()方法,该方法体中只有一个window.location.href='index.html'
意思是只要异步验证通过,正确的用户名和密码的前提下,直接跳转到index.html界面。
然而并不是这样。


(3)我使用了window.location.replace()和window.open()方法测试,最后发现window.open()方法可以成功跳转到index.html,但是window.open()相当于新打开一个窗口,并不符合我的实际需要。

问题解决:

列出问题代码:
<button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary">
登录
</button>

改成这样就可以解决问题:
<input type="button" value="登录" id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary"/>

在实际开发中,我们也遇到这样的问题,button不好使,点击不起作用,最后没办法只得换成input形式的button,结果这样往往就没有问题。

 

html或者css或者js不懂的,可以参考该网站:http://www.w3school.com.cn/

目录
相关文章
|
JavaScript
js点击button,在页面上创建一个三行四列的表格
js点击button,在页面上创建一个三行四列的表格
207 0
|
前端开发 JavaScript 程序员
基于H5+css+JavaScript实现button悬停时边框滑动
基于H5+css+JavaScript实现button悬停时边框滑动
164 0
基于H5+css+JavaScript实现button悬停时边框滑动
|
JavaScript 数据库 数据安全/隐私保护
button按钮提交form表单的js方法不要使用关键字login
    在使用button按钮提交form表单时,js方法不要使用关键字login,否则你会遇到莫名其妙的警告而无法正常执行!     js代码如下:         function login(){     var username=document.
1228 0
|
前端开发 JavaScript Java
在javascript中关于submit和button提交表单区别
原文:在javascript中关于submit和button提交表单区别   原文来自:http://www.jb51.net/article/42236.htm   submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。
1302 0
|
JavaScript .NET 开发框架
js触发asp.net的Button的Onclick事件
在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制 的麻烦。 asp.net带来便利的同时,也带来一个问题。在实际应用中一个页面存在多个按钮的情况并不多。
1511 0
|
前端开发 JavaScript
javascript如何触发button 的click事件
解决方法: var   btn   =   document.getElementById( "btnOK ");//btnOK为服务器button控件         btn.click();
615 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
97 2