How can I create a form that is shown only if it was not submitted yet?

  • duduradi
    Asked on April 22, 2015 at 8:19 PM

    Quite simple -- I need a form that is visible only if was not submitted.  If it was, I'd like it to be invisible so that other content would be seen by the user.

    Since this has to work on mobile browsers (which I've been told do notsupport cookies) I'm hoping that there is some sort of Jotform setting that could make this happen.   But I'mopen to other suggestions.

  • Charlie
    Replied on April 22, 2015 at 10:14 PM

    Hi,

    I'm not sure if I understand your concern fully.

    You would like a form to be visible to a user WHEN it is not yet submitted. May I know what would be the basis of it? Is it if the IP address has already submitted, an existing email address, etc...?

    If it's base from a users input, where fields will dynamically show or hide depending on the inputted data, then you can set conditional logic on it. Here's the guide for that: http://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic 

    If you would like to put limitations in your form, like number of submissions, per unique answer on a question, you can explore the "Form Limits" in Preferences.

    How can I create a form that is shown only if it was not submitted yet? Image 1 Screenshot 20

    I hope this helps.

    Kind regards.

  • duduradi
    Replied on April 23, 2015 at 10:36 AM

    Hi Charlie,

    The form contains an email address which is unique. When the form is submitted I'd like to somehow remember that and:

    1. Display that email address as a text (not an input field)

    2. Hide the rest of the form fields (so it wouldn't take too much space)

    3. Possibly hide the form title (that may be like #2 above -I'm novice so I'm not sure)

    4. Display a button that allows the user to change the email  (obviously that would open up the form). If the form was never submitted then the button is hidden. 

    The key is to remember the previously entered  (and submitted) email field. I know Google, yahoo and others do that when they "remember" the user ID across sessions. So there must be a way...

    I am also considering using a Lightbox in which case I'll need a way to hide it if the user already submitted the form. Is that possible with Lightbox? 

    Apologies if I wasn't clear before. I'm new to this and I appreciate your help.

     

    P.S.  I used the term cookie in the original message but I understand that HTML Local Storage is the preferred method nowadays. 

  • Charlie
    Replied on April 23, 2015 at 12:17 PM

    Hi,

    There are quite some flaws and the system you are looking might need to be more of a system rather than a form alone. Google and Yahoo had the "Remember Me" option because it is a session and a log in system, the form is more of a tool that fetches information from the user, it is not really designed to work as a log in system or that uses sessions. 

    We do however have a function to where users can save the progress on the form and continue later, this uses local storage for cookies and sessions by emails. Here are the guides for that:

    http://www.jotform.com/help/227-How-to-Enable-Auto-Fill-Feature 

    http://www.jotform.com/features/save-and-continue/ 

     

    This is how I visualize your process:

    1. User1 fills out the form, email address will be remembered.

    2. User1 gets back to the website where the form is, when the same email address is entered, form will be disabled.

    I'm not sure how the process really works but if its more of a log in system where sessions are involved, unfortunately, it is not supported by the forms. 

    To have a more customize process flow, what I could recommend is that use the form for registration or for capturing initial information only, but the session part would be more like a back end development using programming. Here's a guide on how to send the data of the form to your MySQL database in your website.

    Here's a sample structure of the system.

    Get information using Form->Send Data to database of website->Using Javascript identify existing email address of the input and run a function to hide fields.

    Kind regards.

  • duduradi
    Replied on April 23, 2015 at 2:34 PM

    Thanks! 
    First, I don't really have a web site -- it's all in Blogger, so no SQL, etc.

    I read somewhere that cookies are not aupported on all smart phones and that I should consider using HTML Local Storage.

    That, of course would require adding some code to the Java script (to fetch and store values in the browser local storage).  Problem is, how to pass what the user entered in the email field bc and forth to the local storage variable (even if I wanted to do it).

    Also, the option to save form to continue later is limited in th number of days the information is saved, so it's not a solution either.

    But the good news I discern from that feature is that Jotform does save user data in itw web server and then passes it on to fill it in the form.  So all I really need is (1) Extending the time limit a variable is saved, (2) A way to tell whethe the for was submitted as opposed to only have the field filled without submitting it (3) A way to access the saved variable in a Java script.  Can you check with the development team if this is doable in any way?

    Note-- This message was edited -- #2 inserted

  • Charlie
    Replied on April 23, 2015 at 2:49 PM

    If you will be using Javascript to store and fetch the data variable in a local storage, that would mean you will be using the Form's full source code or a place to put your Javascript code. You can't add it directly to the Form itself because of security concerns. 

    If you would like, you can just hard code the email address to your "Conditional Logic" and from there you can perform actions. Here's a guide regarding Conditional Logic: http://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic. This is much more simpler to use and implement.