What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to submit two forms on same page with one submit button?

    Asked by msechrest on April 24, 2014 at 07:31 PM

    Hello JotForm Support!

    I am working on a project that requires me to have 2 forms on the same page. I am trying to force one submit button to complete both forms but am not having any luck. I tried to use my own function but it keeps saying that it is Undefined.

    Here is the javascript I tried:

    function submitForms() {

     document.getElementById("formone").submit();

     document.getElementById("formtwo").submit();

    }

    I added those ID's to the form so they should be Defined. Is it possible to do this with Jotform? 

    Please let me know.

    Thank you,

    Matthew Sechrest

    Page URL:
    test.mybrandstorefront.com

    two forms same page same JotForm JotForm Support hello
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on April 24, 2014 at 11:17 PM

    I think you can make the "trick" using Page breakers (find this field under Survey Tools)

    You must create the "first form" before the page break , and the second form after that.

     

     

     

     

     

    Then, you can rename the "next" button if you will, and you can even hide the "Back" button on second page, by injecting this custom CSS code

    .form-pagebreak-back-container {

    display:none;

    }

    This way, you'll be able to submit 2 forms in a single submit button. The collapse tool (under Survey Tools) can be also another way.

    I hope this gives you better ideas on how to accompiish your scenario. Do not hesitate to contact us again.

  • Profile Image

    Answered by msechrest on April 25, 2014 at 04:14 PM

    Thank you for your response, It lead me in the right direction and I have it working now. 

     

    Thanks Again!

  • Profile Image
    JotForm Support

    Answered by BrianPaulo on April 25, 2014 at 04:27 PM

    You can try this code:

    function submitForms() {

     document.forms("formone").submit();

     document.forms("formtwo").submit();

    }

    Also, please don't forget to change the type of your button from "submit" to simply button. Call the function by using the onClick event.

    Bryan