IE6中Form.submit不提交的问题-Jquery也不行

 

今天发现jquery的表单不能提交，而且只在ie6下有这个问题。

 

参考网上的一些资料，还是不行，最后看了看此篇文才解决。

任何事情，还是得了解原理啊，否则，稍有变化，就玩不转了。

本篇又进行了更新和总结。

 

BUG描述：

 

页面是用JavaScript准备数据填写Form然后提交。然而，在IE6下通过JavaScript提交数据时页面没有反应（也没有提示）！？奇怪的是，在FireFox/Opera下面一切正常。

 

BUG分析：

 

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

其次：对BUG进行了跟踪。

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

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

进一步深入发现， <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <a href="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="method_xxx()"/>

其他浏览器，如果在method_xxx（）中提交了表单，则表单可以提交，不在执行href。

但在ie6中，先执行method_xxx()，即使是method_xxx中提交了表单，依然执行href的语句

 

目前解决方法：

 

第一种方法：去掉a标签的href属性：

<a class="bt_3"  style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>  

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

 

第二种方法：在onclick中返回false，阻止执行href

<a class="bt_3"   href="javascript:void(0)"  id="btnSubmit1" onclick="submitPage();return false;">提交</a>  

onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的

 

第三种方法：不用onclick，直接执行href（本人想的哦，而且实验过了）

<a href="javascript:method_xxx()"/>

 

这3个方法，够用了的，亲们，要优先明白原理哦。