button没有指定type为submit点击按钮跳转不到指定url

发布时间:2022-04-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了button没有指定type为submit点击按钮跳转不到指定url脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
今天由于项目需求,需要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下功能正常。

过去一直没有注意过这样的问题,踩了坑,所以去搜索资料查询验证。
w3shool上有对button的type属性做详细说明: 
https://www.js-code.com/w3school/tags/att_button_type.htm 

复制代码
代码如下:

定义和用法type 属性规定按钮的类型。提示:请始终为按钮规定 type 属性。internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。可以看出,其他浏览器下默认button点击后会提交form,而ie默认点击后是不提交form的,type的默认值也是个浏览器兼容性问题,所以mark下。

脚本宝典总结

以上是脚本宝典为你收集整理的button没有指定type为submit点击按钮跳转不到指定url全部内容,希望文章能够帮你解决button没有指定type为submit点击按钮跳转不到指定url所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。