How to create a quiz form that will show result after form is submitted

  • TECPAD
    Asked on July 1, 2015 at 2:59 PM

    http://www.jotformpro.com/form/51815045188962

    Hi, 

    I'm trying to create a system where I can input the correct answers on the quiz above so that when the form submitter clicks "submit", s/he receives a percentage score of how many answers s/he got right.  There is only one right answer for each of the 26 questions on this form.  

    I would also like this form to record the submitter's final score.

    Finally, if the submitter had any wrong answers, I would like for him/her to know the correct answer.  

    I can't seem to figure out how to do this widgets.  Can you please advise?  Thank you.

     

  • Mike_G JotForm Support
    Replied on July 1, 2015 at 5:27 PM

    You can make this happen by setting the correct answer to each question on your form first and you can do that by: 

    How to create a quiz form that will show result after form is submitted Image 1 Screenshot 110

    Another example:

    How to create a quiz form that will show result after form is submitted Image 2 Screenshot 121

    This means that when submitters get the correct answer they will get 1 point and 0 points for incorrect ones. 

    Next, use the Form Calculation widget field to compute the total correct points and percentage.

    How to create a quiz form that will show result after form is submitted Image 3 Screenshot 132

    Note: make sure both fields are hidden.

    For the Total score: 

    How to create a quiz form that will show result after form is submitted Image 4 Screenshot 143

    As for the percentage:

    How to create a quiz form that will show result after form is submitted Image 5 Screenshot 154

    Once we set up everything, we just need to compose the Thank You page that will show the Total Score, the percentage and the correct answers for each question once the submitter submits the form.

    How to create a quiz form that will show result after form is submitted Image 6 Screenshot 165

    Then, 

    How to create a quiz form that will show result after form is submitted Image 7 Screenshot 176

    Note: Just an example, I have placed the letter "a" as the correct answer for questions 1-6. 

    Then, 

    How to create a quiz form that will show result after form is submitted Image 8 Screenshot 187

    Your Thank-You-page would look like this: 

    How to create a quiz form that will show result after form is submitted Image 9 Screenshot 198

    How to create a quiz form that will show result after form is submitted Image 10 Screenshot 209

    You can create an AutoResponder that submitters will receive once they have submitted your form, it can contain the same message as the Thank-you page. 

    I hope this helps. Let us know if you have any other questions or you need further clarifications. Thank you. 

  • Mike_G JotForm Support
    Replied on July 1, 2015 at 5:31 PM

    By the way, please feel free to clone the form I have used for this example, you might want to use it as your reference.

    http://form.jotformpro.com/form/51815885994979?

     Thank you. 

  • TECPAD
    Replied on July 1, 2015 at 8:21 PM

    Perfect. That is SUPER helpful!  I really appreciate all the time you took to create these instructions.  

    I created my form with scoring guidelines and it mostly works but I'm having a few issues in the Thank You message and Auto responder emails.

    1) Thank you message.  I couldn't figure out how you made the Thank you message a table, so I copied your Thank You message from your cloned form and customized it to fit my needs.  

    In the admin Edit Form mode, Question 1 looks like this:

    How to create a quiz form that will show result after form is submitted Image 1 Screenshot 70

    As you can see, there is a {What1} inputed next to question 1.  But when I actually submit the form as a participant, the Thank You message leaves question #1 blank,

    How to create a quiz form that will show result after form is submitted Image 2 Screenshot 81

    2) The other issue I'm having is with Autoresponder emails.  I have one set up for me as admin and one for the participant.  In both of these emails,  questions 1 and 19 are blank.  

    How to create a quiz form that will show result after form is submitted Image 3 Screenshot 92

    Both questions 1 and 19 look fine on the admin Form Edit end, just like it did in the Thank You message.

    How to create a quiz form that will show result after form is submitted Image 4 Screenshot 103

     

    How to create a quiz form that will show result after form is submitted Image 5 Screenshot 114

     Why might these issues be happening?  From where do the participants' answers populate?  I.e. how do we know their answer is {1What}?  That is not one of the field options I see on the right hand side of the page so I don't know how to troubleshoot these blank answers.  

    How to create a quiz form that will show result after form is submitted Image 6 Screenshot 125

     

    Thanks for your help.

    Harleen 

  • BJoanna
    Replied on July 2, 2015 at 3:19 AM

    I have inspected your form and the reason why questions 1 and 19 are blank is because values of those fields are not correct. Correct value of question 1 is {1What3} and correct value of question 19 is {19Which}.

    How to create a quiz form that will show result after form is submitted Image 1 Screenshot 30  

    How to create a quiz form that will show result after form is submitted Image 2 Screenshot 41

    You need to set correct values in Autoresponder and in Thank You message. 

    Hope this will help. Let us know if you need further assistance. 

  • TECPAD
    Replied on July 2, 2015 at 11:00 AM

    Okay but how do I know what the "correct values" are?  

    Those values were inputted by Mike_G from Jotform and I cloned his form. I had asked where those values came from.  Thanks.

  • Mike_G JotForm Support
    Replied on July 2, 2015 at 12:23 PM

    There are two ways for you to get that: 

    First, 

    How to create a quiz form that will show result after form is submitted Image 1 Screenshot 40

    Second, 

    How to create a quiz form that will show result after form is submitted Image 2 Screenshot 51

    You can do this for both number 1 and 19 questions. 

    To my understanding, you still used your original form and just copied the content of the Data Table from my sample form that you've cloned. It is possible that the names of my sample form fields are not perfectly similar to your form field names.

    By the way, for you to be able to add columns or edit/update your Thank-You page message and/or AutoResponder email message, you can use the tools available from the toolbar. 

    How to create a quiz form that will show result after form is submitted Image 3 Screenshot 62

    I hope this helps. Let us know if you need any further assistance and we will be glad to help you anytime. Thank you. 

  • RedcutQ
    Replied on December 10, 2015 at 12:17 PM

    Hi there,

    I know I should be impressed by the functionality of this approach but it seems a steeper technical learning curve that requires time and patience. So I think for a quiz, I'm going to look for an alternative solution.

  • BJoanna
    Replied on December 10, 2015 at 12:35 PM

    @RedcutQ

    I have moved your question to separate thread and we will provide you an answer there shortly. 

    http://www.jotform.com/answers/722469