Submitting two forms with one submit button | Community
Skip to main content
remyburnaugh
remyburnaugh
New Participant
March 14, 2023
Solved

Submitting two forms with one submit button

  • March 14, 2023
  • 2 replies
  • 3246 views

Hello all,

 I'm attempting to set up a referral form and having a tough time doing so. 

 

I first tried using the information from this forum post: https://nation.marketo.com/t5/product-discussions/referral-form-with-multiple-referrals/m-p/122260#M80517

 

No luck. I'm afraid I don't know JS well enough to implement the above. 

 

So, I'm hoping to create two forms on one page, using CSS to hide the submit button on the first (the referrer) and have the submit button on the second (the referee) input both leads, separately into the system. Then, I'll figure out the attribution on the backend. Has anyone tried this with any success? 

 

A HUGE thank you to anyone that is able to assist. 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

You don’t need 2 visible forms. It’s just more complexity to hide the Submit button on one of them.

 

To know who referred whom, and who was referred by whom — valuable info! — you use fields like Originally Referred By Email Address (to be used on the referral) and Last Referral Email Address (to be used on the referrer, who of course can also be a previous referral).

 

So you have one visible form that you submit on behalf of the referrer, and then another hidden one you submit on behalf of the referral. In the onSuccess of the visible one, you setValues() the right field values in the hidden one, then run form.submit() for the hidden one.

2 replies

SanfordWhiteman
SanfordWhitemanAccepted solution
New Participant
March 15, 2023

You don’t need 2 visible forms. It’s just more complexity to hide the Submit button on one of them.

 

To know who referred whom, and who was referred by whom — valuable info! — you use fields like Originally Referred By Email Address (to be used on the referral) and Last Referral Email Address (to be used on the referrer, who of course can also be a previous referral).

 

So you have one visible form that you submit on behalf of the referrer, and then another hidden one you submit on behalf of the referral. In the onSuccess of the visible one, you setValues() the right field values in the hidden one, then run form.submit() for the hidden one.

    Darshil_Shah1
    Darshil_Shah1
    Community Manager
    March 15, 2023

    @remyburnaugh , instead of creating 2 forms for this, create a single form and add the JS for setting up the referral form. I'm sure the community would be more than happy to help you fix the issue in case you get into a rut. Additionally, there are plenty of threads already on referral form setup posted and discussed on this topic in the community.

    Terms & ConditionsAccessibility statement

    Loading footer...