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

    Submit two jotforms with Ajax

    Asked by vincentadultman on November 27, 2014 at 08:40 AM

    Hey,

    We are trying to submit a form via AJAX for a Shopify store, however are getting a few errors.

    Here is the code we are trying to use, would you be able to suggest something that would work in all browsers?

            $('#input_2').click(function(e) {

                e.preventDefault();

                var formdata = $('#43174478362965').serialize();

                $.post('http://submit.jotformpro.com/submit/43174478362965/', formdata);

                $('#product').submit();

            });

    Basically we are trying to submit 2 forms in one click, send the jotform info and send the user to the checkout for shopify.

    Any advice for setting this up would be extremely helpful, thanks in advance!

     

    Page URL:
    http://coasterly.com/products/create-a-set-of-coasters

    submit 2 forms
  • Profile Image
    JotForm Support

    Answered by KadeJM on November 27, 2014 at 11:57 AM

    So if I understand you, basically you want to have 2 forms filled in on your website which would then both be submitted using one submit button to then send the user into shopify? Is that correct?

    I would first recommend referring to our API Documentation to get a better understanding of how our form data can be used in certain cases from the list of coding types we use if you haven't already.

     

    Unfortunately my knowledge of ajax is a bit limited but me as well as some of my more experienced colleagues will try to see if we can aid you in achieving. We have a similar thread here that goes into something like this which is claimed to be working for the user so you may want to try something this to see if that works since the code lines are slightly different -

    $(document).ready(

    $('#31326450739151').submit(function(e) {

    var formdata = $(#31326450739151).serialize();

    $.post('http://submit.jotform.us/submit.php', formdata);

    e.preventDefault();

    });

    });