最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 14:45:09
文档

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

button没有指定type为submit点击按钮跳转不到指定url:今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 代码如下: <div class=test-ft> <h3 class=shouji>手机号码凶吉</h3> <form needcheck=1 m
推荐度:
导读button没有指定type为submit点击按钮跳转不到指定url:今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 代码如下: <div class=test-ft> <h3 class=shouji>手机号码凶吉</h3> <form needcheck=1 m
 今天由于项目需求,需要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.gxlcms.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:今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 代码如下: <div class=test-ft> <h3 class=shouji>手机号码凶吉</h3> <form needcheck=1 m
推荐度:
标签: 跳转 按钮 type
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top