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

    Change text of submit button conditionnally

    Asked by Triacees on April 14, 2016 at 01:21 PM

    Hi, 

    I wonder if it's possible to change the submit-button-text based on a certain condition.

    Hiding or showing with a condition is a piece of cake, but changing the text: I shouldn't know.

     

    Any idea?

     

    Grtz,

    Cees

  • Profile Image

    Answered by Huberson on April 14, 2016 at 02:43 PM

    No, it is not possible to modify the submit button text with conditions.

    If what you need is to show a different submit button you can add more than one and show the appropriate one with conditional. Although this will have no effect but visual.

    Hope that answers your concern.

  • Profile Image

    Answered by Triacees  on April 15, 2016 at 04:40 AM

    I already did that: making a different submit button to show on a certain condition. This worked well until I inserted the 'Preview before submit' widget. The 2nd submit button has disappeared from the actual form. 

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 15, 2016 at 06:35 AM

    It is because the preview before submit widget removes all the submit button and replace it with a preview button.

    You can inject the following CSS codes to show the 2nd button but you cannot hide it using condition anymore.

    button#input_36 {

        display: block !important;

    }

    button#input_36 + button {

        display: none;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here's how it works:

    If you want all the submit buttons to appear without using CSS codes, then you may consider removing the preview submit button widget.

    Thanks!