html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

button没有指定type为submit点击按钮跳转不到指定url_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理,ie6、ie7下点击按钮没反映,跳转不到指定url,其他浏览器却可以正常跳转,一直以为是js控制代码中出现了问题,所以跟踪调试很久,始终没发现问题。后来,发现button没有指定type为submit,所
今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 u36HTML5中文学习网 - HTML5先行者学习网
u36HTML5中文学习网 - HTML5先行者学习网
html的代码如下u36HTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
u36HTML5中文学习网 - HTML5先行者学习网
<div class="test-ft"> u36HTML5中文学习网 - HTML5先行者学习网
<h3 class="shouji">手机号码凶吉</h3> u36HTML5中文学习网 - HTML5先行者学习网
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php"> u36HTML5中文学习网 - HTML5先行者学习网
<p> u36HTML5中文学习网 - HTML5先行者学习网
... u36HTML5中文学习网 - HTML5先行者学习网
</p> u36HTML5中文学习网 - HTML5先行者学习网
<button class="btn-act">马上测</button> u36HTML5中文学习网 - HTML5先行者学习网
</form> u36HTML5中文学习网 - HTML5先行者学习网
</div> u36HTML5中文学习网 - HTML5先行者学习网
u36HTML5中文学习网 - HTML5先行者学习网
编码完成后,在做浏览器的兼容性测试是出现了问题:ie6、ie7下点击按钮没反映,跳转不到指定url,其他浏览器却可以正常跳转。 u36HTML5中文学习网 - HTML5先行者学习网
一直以为是js控制代码中出现了问题,所以跟踪调试很久,始终没发现问题。后来,发现button没有指定type为submit,所以怀疑是不是这个问题。 u36HTML5中文学习网 - HTML5先行者学习网
修改添加button的type属性为submit后,ie6、ie7下功能正常。 u36HTML5中文学习网 - HTML5先行者学习网
u36HTML5中文学习网 - HTML5先行者学习网
过去一直没有注意过这样的问题,踩了坑,所以去搜索资料查询验证。 u36HTML5中文学习网 - HTML5先行者学习网
w3shool上有对button的type属性做详细说明:  u36HTML5中文学习网 - HTML5先行者学习网
http://www.jb51.net/w3school/tags/att_button_type.htm  u36HTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
u36HTML5中文学习网 - HTML5先行者学习网
定义和用法type 属性规定按钮的类型。提示:请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。可以看出,其他浏览器下默认button点击后会提交form,而ie默认点击后是不提交form的,type的默认值也是个浏览器兼容性问题,所以mark下。 u36HTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助