How to hide submit button based on condition?

  • adzarr
    Asked on January 17, 2018 at 8:42 PM

    Well, in my opinion it is not about the password.  I noticed that we can hide and unhide pages by means of fulfilling certain precondition.  By setting a specific precondition using codes in the first page, I can then expose subsequent hidden pages.  This feature is already available in the current JotForm.  My concern is, that the submit button also appeared in the first page.  As there is specific amount of submission quota per month, according to type of account, I certainly don't want people who are unable to authenticate themselves to press the submission button and drain away my quota.  In other words, in addition to the authenticating code/precondition, I also don't want the submit button to appear.  Somehow, I did not see that option available in the conditional settings.  

  • Jed_C
    Replied on January 17, 2018 at 9:03 PM

    This is possible using the conditional rule. Here's what you need to do.

    1. Create a blank short text field

    1516241158hide submit2 Screenshot 10

    2. Create a condition that if the "short text field" is not equals to "xxxx" (your access code), Hide submit button.

    1516240906hide submit Screenshot 21

    You can even set a different access code for each page. Please check my sample form here https://form.jotform.com/80167897222968 to see how it works. Page 1 access code is 1234 and Page 2 is 4567.

    Let us know if you have any questions.

  • adzarr
    Replied on January 18, 2018 at 11:44 PM

    Let me be more explicit.  When the form is run, this is the first page. 

    1516336688jotform2 Screenshot 10

    I don't want that green 'submit' button to appear. 

    I don't see the options appearing in my conditional setting.

    1516336763jotform1 Screenshot 21

    I don't get the submit button option, in the drop down list, unlike what you have shown above. 

    Thanks

  • adzarr
    Replied on January 19, 2018 at 12:03 AM

    In the previous setting, I have set 'hide' pages for field 2-7 at design time, to show at run time if authentication is correct.   

    I have followed your example that is to 'show' at design time, and then hide at runtime, only to show these pages if authentication is correct.  I still arrived at the same state.  "That 'submit button' has a live of his own"

  • adzarr
    Replied on January 21, 2018 at 7:50 PM

    Somehow the answer is within Jotform.  I am just puzzled of the various version of Jotform interface in the forum.  For me, the submit button did not appear in the hide/show conditional options, but in enable/required field.  It has a disable submit option.  And that worked for me. This problem considered solved.  1516582152disablesubmit Screenshot 10

  • Nik_C
    Replied on January 22, 2018 at 4:27 AM

    I'm glad you were able to figure it out.

    The fact is that if you are creating a form in card layout:

    1516613133Screen Shot 2018 01 22 at 10 Screenshot 10

    You will not be able to conditionally hide Submit button.

    But you will be able in the Classic layout:

    1516613194Screen Shot 2018 01 22 at 10 Screenshot 21

    Hope it helps.

    Thank you!

  • adzarr
    Replied on January 22, 2018 at 5:23 AM

    Thanks Nik.

    I don't mind the submit button appearing, so long I could disable it. 

    form in progress