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

    Uncolapsing instead of redirecting to 'thank you' page

    Asked by geo89 on June 19, 2015 at 11:07 AM

    When clicking submit, I would like to uncolapse a section of my form (displaying quiz results) instead of redirecting to "thank you" page while also being able to send the results via email.

    This is because it is easier to display personalized results with conditions while the form is still active. Otherwise I have to setup a different 'thank you' page for every possible combination which is really difficult due to the large amount of possible answers.

    thank different section setup amount
  • Profile Image
    JotForm Support

    Answered by Boris on June 19, 2015 at 12:43 PM

    I'm afraid that the behavior of the Submit button is not changeable - Submit button submits your form. The Notification Email are sent only after the form has been submitted, so if you displayed the results right on the form, your users could close the browser without submitting their response to you.

    If you would like to mention / list the answers that your user has provided in the form, and have them appear on your thank you page, you can add them by customizing the message of your thank you page.

    If this is not what you are looking for, please let us know a little more about how you would want to personalize the answer/results page, so that we may be able to offer another solution that may be better suited for your request.

    Thank you.

  • Profile Image

    Answered by geo89 on June 20, 2015 at 06:21 AM

    Thanks for your answer, I think I found a solution.

    I will make the submit button open the thank you page in a new tab by putting target = "_blank" inside the < form >

    in the source code.

    Then I will need to make the submit button also trigger the next button's actions.

    Any idea on how I can do the former?

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 20, 2015 at 01:03 PM

    @geo89

    Yes that's possible using your form source code. https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form. Then apply custom function that will be triggered whenever the submit button is clicked. It requires Javascript knowledge though. However, if you want to proceed on this route, here's an example that is very similar to your requirement.

    https://shots.jotform.com/elton//sample_modal_thankyou_page/modal_thank_you_page.html

    On this example, the default thank you page is loaded in a frame container, allowing you to add custom events on submit button without reloading the page or redirection. Inspect the page source on that page, you'll see the following codes. 

    And then use the following script to call custom whenever the form is submitted.

    <script type="text/javascript">

    (function(){

    $$('form')[0].onsubmit = function() {

    //Your script here

    }

    })

    </script>

     

    Hope this helps. Thanks!

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 20, 2015 at 01:07 PM

    Sorry, I replaced the first code with the following image because the target tag is stripped off here on forum due to some code restrictions. 

  • Profile Image

    Answered by geo89 on June 20, 2015 at 01:54 PM

    Thanks for the help, I found the solution!

    The following will do the trick:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <script>
    jQuery( document ).ready(function()
        {
        jQuery(".form-submit-button").click(function()
            {
            setTimeout(function()
                {
                    jQuery(".form-pagebreak-next").click();
                    return false;
                }, 500);
            });
        });
    </script>

     

    It imitates the pagebreak next click 0.5 seconds after the submission. This in combination with the target = "_blank" or "thankyou" (with iframe) will work perfectly.

     

    Many thanks!

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 20, 2015 at 02:27 PM

    It's great to know. That's a one fine solution. Thanks for sharing! :)