通过 javascript 将 onsubmit 添加到表单

您将如何仅通过 Javascript 将 OnSubmit 属性插入到表单中？

我对 javascript 还很陌生，所以如果您能够提供详细的示例代码，那将是最有帮助的！

情况是这样的：我通过 Chargify（支付平台）使用托管注册页面来处理我的应用程序的信用卡，然后将用户发送回我自己的感谢/确认页面。

由于域名的变化（我的域名 -> Chargify.com -> 我的域名），通过谷歌分析跟踪整个渠道被证明是相当难以捉摸的，因为信用卡页面是由 Chargify 在他们自己的域名上托管的。

我越来越接近了：我已经能够进行跨域跟踪（chargify.com 页面已登录到 Google Analytics），并且可以通过将以下 onclick 属性添加到我的注册链接来从我的域链接到 chargify：

onclick="_gaq.push(['_link', 'http://my-domain.chargify.com/subscriptions/new']); return false;"

但是，我无法在返回时执行相同的操作（Chargify -> 确认页面），因为我无权访问 Chargify 托管支付页面代码，并且因为用户通过表单提交（而不是通过表单提交）进入我的确认页面。正常链接。

部分解决方案（需要您的帮助来完成此任务）：Chargify 为其托管页面提供了多种选项，其中之一是添加自定义 JavaScript，该 JavaScript 会插入到</body>标签在一个<script> tag.

我在 Google Analytics 文档中找到了一些有关如何链接页面的资源，并将以下内容添加到 Chargify 表单标记可能会起作用：onsubmit="_gaq.push(['_linkByPost', this]);"（来源：https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiDomainDirectory#_gat.GA_Tracker_._linkByPost https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiDomainDirectory#_gat.GA_Tracker_._linkByPost)

form 标签目前没有 onsubmit 属性，它只是这样：<form action="/my_product/subscriptions" class="new_submission" id="hosted_payment_form" method="post">

有没有办法使用 Javascript 简单地将此属性附加到表单标记？如果您能够提供我应该在其中插入哪些代码的详细示例<script>标签，那将非常感激。

window.onload = function() {
    var form = document.getElementById('hosted_payment_form');
    form.onsubmit = function() {
        _gaq.push(['_linkByPost', this]);
    }
}

我相信上面的例子与您所需要的类似。我们使用 document.getElementById 来获取对表单的引用。然后将 onsubmit 属性设置为您想要在提交表单之前执行的代码。如果在渲染页面之前执行此 JavaScript 以确保构建表单，请记住将其放入窗口 onload 事件中。