标签: form

  • 诡异BUG之:IE下表单必须提交两次

    做前端遇鬼是常事儿,比如今天,就遇到个:

    1. IE6~10
    2. jQuery 1.8.3
    3. Backbone 0.9.2
    4. HTML5头
    5. 一个Backbone.View,内部有一个formView托管formsubmit事件,根据classaction进行不同的操作,或者验证数据提交表单
    6. 第一次提交,验证通过,return true,没反应
    7. 第二次提交,验证通过,return true,表单提交
    8. 其它浏览器表现正常

    提炼这些Bug描述就花了不少时间,反复Google也没有什么结果。比如,StackOverflow上类似问题的解答是:submit原本不会冒泡,所以应该直接侦听form;但实际上jQuery1.4之后已经支持submit事件的托管了,我的实验也支持这个结果。

    至于导致问题的原因,我还没想明白也没测出来,留着以后再做吧。最后用Hack的方式暂时解决:

    if ($.browser.msie && isIEFirstSubmit) {
      isIEFirstSubmit = false;
      setTimeout(function () {
        form.submit();
      }, 50);
    }

    有了解这个的高人还请不吝赐教。有感兴趣的同学可以去试试:http://www.dianjoy.com/dev/#/user/updateuser