button没有指定type为submit点击按钮跳转不到指定url
发布时间：2013-02-03 17:49:08作者：知识屋
今天由于项目需求，需要js控制form的提交，在submit前先进行数据的验证和处理。
html的代码如下：
<div class="test-ft">
<h3 class="shouji">手机号码凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">马上测</button>
</form>
</div>
编码完成后，在做浏览器的兼容性测试是出现了问题：ie6、ie7下点击按钮没反映，跳转不到指定url，其他浏览器却可以正常跳转。
一直以为是js控制代码中出现了问题，所以跟踪调试很久，始终没发现问题。后来，发现button没有指定type为submit，所以怀疑是不是这个问题。
修改添加button的type属性为submit后，ie6、ie7下功能正常。
过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
定义和用法type 属性规定按钮的类型。提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
html的代码如下：
<div class="test-ft">
<h3 class="shouji">手机号码凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">马上测</button>
</form>
</div>
编码完成后，在做浏览器的兼容性测试是出现了问题：ie6、ie7下点击按钮没反映，跳转不到指定url，其他浏览器却可以正常跳转。
一直以为是js控制代码中出现了问题，所以跟踪调试很久，始终没发现问题。后来，发现button没有指定type为submit，所以怀疑是不是这个问题。
修改添加button的type属性为submit后，ie6、ie7下功能正常。
过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
定义和用法type 属性规定按钮的类型。提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
相关知识
软件推荐
更多 >
-
1网页WB.ExecWB控件打印方法调用说明及参数介绍
2013-02-03
-
2
html5 音乐播放器 audio 标签使用概述
-
3
2012年HTML5的14个大胆预言
-
4
html标签marquee
-
5
HTML 基本语法 方便刚开始学习html的朋友
-
6
HTML5实验：JavaScript模拟流体效果
-
7
HTML页面做中间页跳转传递参数
-
8
html滚动条 textarea属性设置
-
9
HTML5教程：html标签属性通过w3c验证
-
10
响应式布局这件小事 设计师如何实现响应
