IE6 页面JavaScript提交From表单无效问题分析以及解决方案

IE6 页面JavaScript提交From表单无效问题分析以及解决方案

BUG分析：

 

首先：接到BUG后，先在测试机上重现了BUG，了解测试人员的操作步骤，然后在研发的机子上重现BUG。

其次：对BUG进行了跟踪。

起初认为是程序的那个地方有逻辑错误，检查代码无误。尝试用多种浏览器测试，发现在IE7/8、FireFox、Opera、360浏览器下正常，唯独IE6下不正常，所以排除了逻辑错误这个原因；

上网搜索发现IE6下如果是用<inputtype="submit"/>按钮，则能正常提交数据，若是通过JavaScript脚本：formElement.submit()，则会提交失败，网上提出了使用setTimeout()的办法来解决；

进一步深入发现， <a/>有个链接属性 href ,而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <ahref="javascript:;" ></a>,又会是什么情况呢?实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理,忽略<a/>的href,执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接href ,除非你的<a/>标签中去掉 href属性, 但去掉 href你将发现IE 下将不会出现下划线；看来是因为 ie6 执行默认动作引起来。

目前两种解决方法：

                               第一种方法：<a   href="javascript:void(0)" onclick="submitPage();return false;">提交</a>                          

                                                      onclick 返回 false ,阻止浏览器的默认行为。这也是很多人问为什么<A>的onclick 方法总是习惯性的加上return fasle 的原因

                             第二种方法：<a   href="javascript:submitPage();">提交</a>    

                                                      这种方式执行也是可以的

                              第三种方法：<a  onclick="submitPage();">提交</a>

                                                   这种方法根本没有href属性，用style="cursor:pointer;"产生手型图标来模拟。