表单提交侦听器阻止在 IE8 上提交表单答案

【问题标题】：Form Submit Listener prevent form submission on IE8表单提交侦听器阻止在 IE8 上提交表单
【发布时间】：2014-08-09 11:35:01
【问题描述】：

我已使用 Google 跟踪代码管理器为网站设置了 Universal Analytics 跟踪，并已成功使用表单提交侦听器跟踪不同的表单提交。今天我注意到 IE8 中的用户无法提交登录表单。登录表单是网站上唯一的本地表单，而所有其他表单都是通过 Eloqua 的 javascript 添加的。

一旦我禁用表单提交侦听器，IE8 用户就可以毫无问题地登录。因为用户可能必须登录网站的某个页面，所以我现在不得不禁用所有表单跟踪。

表单 HTML

<form class="login-prompt__form" method="POST">
        <div class="input input--text">
            <input id="UserName" name="UserName" placeholder="Username" type="text" value="" />
        </div>
        <div class="input input--text">
            <input id="Password" name="Password" placeholder="Password" type="password" />
        </div>
        <ul class="button-group">
            <li>
                <button class="btn btn--med" type="submit" formmethod="post" >Log In</button>
            </li>
            <li><a href="/login/recover-password">Forgot password?</a></li>
        </ul>
    </form>

绝对不会产生 javascript 错误。有什么想法吗？

【问题讨论】：

听起来像是另一个库中的冲突。能发个网址吗？

标签： javascript forms google-tag-manager

【解决方案1】：

我们有类似的问题，没有 javascript 错误。

在我们的例子中，有一个谷歌标签管理器文档级别

document.gtmFormActionFunction()

并且还分配了一个jquery submitHandler。除了删除其中一个之外，我们还没有弄清楚如何让这两个发挥得很好。

以下文章有助于确定问题。 http://www.simoahava.com/analytics/dont-gtm-listeners-work/

他们引用事件传播需要处理文档节点，建议您在适当的地方替换：

返回假；

与

event.preventDefault();

【讨论】：