Custom Javascript for Specific Form on a Page with Multiple Forms

Question

We are building a new microsite in Wordpress and adding Marketo forms on each page using the "Marketo Forms and Tracking" plugin. Most of the pages of the site have two forms: one for the primary CTA and one for a secondary CTA. These are set up as different forms in Marketo with different fields. My developer has wrote custom javascript that says:

After all forms have rendered on the page
If the submit button is clicked
- Replace the form with text
- Block the redirect instructions set in the form editor in Marketo and instead execute the redirect landing page in a new browser window

The issue we are running in to is that the Javascript is being applied to BOTH forms on the page. When we include the form ID in the Javascript, the JS doesn't execute at all. We've tried including the form ID using an "if" statement and using the ID as an array, string, and number type but none of those options seem to work.

Has anyone else run into this issue and/or have any suggested fixes so we can apply custom JS to only one form on the page?

SanfordWhiteman · Accepted Answer

Yep, there is another way; I won't get into it now because it's off-topic. It's definitely not acceptable to gain a DoS vulnerability along with that functionality. That stuff is just not fit for the real world.

The direct answer to your question (which has been asked before on Community, too) is to use the built-in Forms 2.0 getId() method.

MktoForms2.whenReady(function(form){
  var formId = form.getId();
  if (formid == 1234) {
    // this will only be executed if the current form is form #1234
  });
});

SanfordWhiteman · Answer

That plugin shouldn't be used professionally (like all code using that API model, it has a gaping DoS vulnerability).Anyway, the question should be moved to Products​ before we continue.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded