How to Password Protect Form?

  • bigbuttfrankkiept
    Asked on November 29, 2018 at 2:09 AM

    Hello, 

    I performed a google search and found a couple of old threads explaining how to password protect forms, but it seemed a little complicated, so I was wondering if there is now an easier way to do it. Either way, please explain the best you can how to do this. I simply just want to be able to have my clients enter a special code in order to open and view the forms. Thank you.

  • cansu Jotform Support
    Replied on November 29, 2018 at 2:15 AM

    UPDATE (August 20, 2019): Password protection feature is available now. 

    Here is how it works:

    1. Open the Form Builder and find the Enable Password Protection option under the Settings tab. 

    How to Password Protect Form? Image 10

    2. If you select this option, you should set a password for the form. If you don't set any password, the Enable Password Protection option will be unselected.

    1566296147Screen Shot 2019 08 20 at 10 Screenshot 21

    3. When you set a password for the form, a person who wants to open the form will see this page:

    1566296207Screen Shot 2019 08 20 at 10 Screenshot 32

    4. If the person enters the incorrect password, s/he cannot open the form and will see this warning:

    1566296231Screen Shot 2019 08 20 at 10 Screenshot 43

    5. If the person enters the correct password, s/he can open the form and submit it. However, if you (form owner) change the password after s/he opened the form, s/he cannot submit the form and will see this warning:

    1566296247Screen Shot 2019 08 20 at 10 Screenshot 54

    6. You can reset the password by clicking on the RESET PASSWORD button or unchecking the Enable Password Protection option.

    1566296263Screen Shot 2019 08 20 at 11 Screenshot 65

     

     

     

    Hi,

    You can use the conditional rule to set a first page to request for password before viewing your forms.

    Here's how:

    1). Create a 2 page form. 1st page for your password protect form and 2nd page is for your actual form. Make require on.

    How to Password Protect Form? Image 76

     

    2). Create a condition that if password does not match your condition your form will be hidden. 

     

    Setting/Conditions/Show/Hide Field

    How to Password Protect Form? Image 87

    Please take note that this method is not securing the form. Any person with understanding on how to read source code can figure out what is the password/access code of the form. 

    You can find how to make your form secure your form with this article; https://www.jotform.com/security/

    If you have further question, do not hesitate to ask.

    Thanks.

  • bigbuttfrankkiept
    Replied on November 29, 2018 at 2:19 AM

    Hello,

    Ok, thank you, those are the same instructions I found, but the other ones were given in the example of the old format of the website (the old form builder).  I will try and see if I can do this.  

  • bigbuttfrankkiept
    Replied on November 29, 2018 at 2:22 AM

    One more thing. If I already have an existing form, how do I turn a one-page form into a two-page one? I have to duplicate every component on the form, then some how make it its own page?  Thank you.
  • roneet
    Replied on November 29, 2018 at 9:18 AM

    We have moved the other question to a separate thread. You may follow this thread:

    https://www.jotform.com/answers/1657336

    To answer your first question you may check out my Demo Form to password protect it.

    https://form.jotform.com/82225022615951

    Follow these steps:

    1. Place a short entry text field for the code to access the form.  I have named it as Secret Code.

    2. Add a Form Collapse field after the code.

    Set the "Section Visibility" to "Hidden" 
    Set the "Button Visibility" to "Hidden"

    How to Password Protect Form? Image 10

    3. Go to Form Settings and add following Show/Hide condition.

    How to Password Protect Form? Image 21

    4. Use this condition. When the user types "A1111 or B1111 or C1111" as the secret code it will immediately show the Form-Collapse field along with any field below it. Thus, simulates the hiding of all form items until the code is correct. This will only allow access to the full form if the user has the code to show the rest of it.

    Refer this guide to clone form from URL:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Hope your question is answered.

    Let us know if this worked.

    Thanks.

  • bigbuttfrankkiept
    Replied on November 29, 2018 at 10:14 PM

    Thank you for your detailed response, I'll give it a try.  I just don't understand why Jotform can't make this process simpler in the form of one Form Element we can add at the very top of the page (e.g. as a 'Password Protect' element).

  • Nur Karabağ JotForm Developer
    Replied on August 20, 2019 at 8:27 AM

    UPDATE: Password protection feature is available now. 

    Here is how it works:

    1. Open the Form Builder and find the Enable Password Protection option under the Settings tab. 

    How to Password Protect Form? Image 10

    2. If you select this option, you should set a password for the form. If you don't set any password, the Enable Password Protection option will be unselected.

    1566296147Screen Shot 2019 08 20 at 10 Screenshot 21

    3. When you set a password for the form, a person who wants to open the form will see this page:

    1566296207Screen Shot 2019 08 20 at 10 Screenshot 32

    4. If the person enters the incorrect password, s/he cannot open the form and will see this warning:

    1566296231Screen Shot 2019 08 20 at 10 Screenshot 43

    5. If the person enters the correct password, s/he can open the form and submit it. However, if you (form owner) change the password after s/he opened the form, s/he cannot submit the form and will see this warning:

    1566296247Screen Shot 2019 08 20 at 10 Screenshot 54

    6. You can reset the password by clicking on the RESET PASSWORD button or unchecking the Enable Password Protection option.

    1566296263Screen Shot 2019 08 20 at 11 Screenshot 65