L'ajout de onsubmit d'un formulaire via javascript

Comment vous y prendriez-vous sur l'insertion d'un attribut OnSubmit d'un formulaire en Javascript?

Je suis assez nouveau à javascript donc si vous êtes en mesure de fournir des exemples de code, qui serait le plus utile!

Voici la situation: je suis en utilisant un hébergé la page d'inscription par Chargify (une plate-forme de paiements) afin de traiter les cartes de crédit pour mon application, et l'envoyer ensuite à l'utilisateur de retourner à ma propre merci/page de confirmation.

Le suivi de l'ensemble de l'entonnoir à l'aide de google analytics se révèle tout à fait insaisissable en raison de l'évolution des domaines (mon domaine -> Chargify.com -> mon domaine), depuis la carte de crédit de la page est hébergée par Chargify sur leur propre domaine.

Je suis de près: j'ai été en mesure d'obtenir de la croix-domaine de travail pour la surveillance (chargify.com page est enregistré dans Google Analytics), et peut établir un lien de mon domaine de chargify par l'ajout de l'attribut onclick de mon lien inscription:

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

Cependant, je ne peux pas faire la même chose sur le chemin du retour (Chargify -> page de Confirmation) parce que je n'ai pas accès à la Chargify page de paiement hébergée code, et parce que l'utilisateur est pris à ma page de confirmation via la soumission d'un formulaire, pas un lien normal.

Solutions partielles (besoin de votre aide pour terminer cette place):
Chargify permet plusieurs options pour leurs pages hébergées, l'un d'eux étant d'ajouter un code javascript personnalisé qui est inséré juste avant le </body> balise dans un <script> tag.

J'ai trouvé des ressources dans le Google Analytics de la documentation sur la façon de lier les pages, et en ajoutant ce qui suit à la Chargify balise de formulaire peut fonctionner: onsubmit="_gaq.push(['_linkByPost', this]);"
(source: https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiDomainDirectory#_gat.GA_Tracker_._linkByPost)

La balise form n'a pas actuellement un attribut onsubmit, c'est juste ceci: <form action="/my_product/subscriptions" class="new_submission" id="hosted_payment_form" method="post">

Est-il un moyen d'utiliser le javascript pour simplement ajouter cet attribut à la balise form? Si vous voulez être en mesure de fournir un exemple détaillé de quel code je dois insérer à l'intérieur de la <script> balise, ce serait très apprécié. Merci!

Ce lien montre deux façons de faire cela: stackoverflow.com/questions/8982087/...
Ne pas esquiver la question, mais je vous recommande fortement de PHP pour le formulaire.
Je souhaite que j'avais php à ma disposition ici, mais comme ma question, états-unis, je suis seulement en mesure de personnaliser un peu de javascript qui serait inséré à droite au-dessus de la '</body>' étiquette.

OriginalL'auteur alex | 2012-12-12

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

    Je crois que l'exemple ci-dessus est similaire à ce que vous avez besoin. Nous utilisons document.getElementById à s'emparer d'une référence à votre formulaire. Ensuite, réglez le onsubmit bien pour le code que vous voulez exécuter avant que le formulaire est soumis. N'oubliez pas de mettre cela à l'intérieur de la fenêtre d'événement onload si ce JavaScript est exécuté avant que la page est rendue pour s'assurer que le formulaire est construit.

    Merci! Depuis que le formulaire sera déjà rendus par le temps, le JavaScript est chargé (inséré avant le </body> tag), cela changerait-il quelque chose à votre approche ci-dessus ou il le même?
    si le formulaire est déjà rendu alors il ne serait pas nécessaire de mettre cela dans la fenêtre.gestionnaire d'événement onload. Si vous n'aurait pas besoin de le couvrir avec de la fenêtre.onload = function() {}. Cet événement est déclenché lorsque la page est rendu terminé. J'ai ajouté ceci pour être sûr que je ne pouvais pas être sûr de l'endroit où le script serait chargé.

    OriginalL'auteur Weave