Is there a way to add another submit button for when "Please Wait..." is shown?

  • lafhab2
    Asked on February 16, 2016 at 7:14 AM

    We are occasionally having forms which sometimes won't submit, the submit button simply says 'Please wait...' but nothing happens.  This is quite frustrating because a lot of information has been entered and our options are limited, after a while you want to give up and click submit again but you can't because the button is disabled.  If you refresh the form you lose signatures and choice of uploaded images.  Can you advise if there is another option that we are not aware of?  We realise you wish to avoid duplicated submissions but you must take into account the fact that sometimes due to factors such as heavy traffic or broken connection a form just won't submit, and after a given time the user will need to try submitting again.  I thought of a 2nd Submit button, which ideally you could use after a while but I tried this and both buttons function together.  Perhaps you could introduce one or more of the following suggestions:

    Time out, after which the submit button is live again
    Progress button on submission
    'Save form for later' option remembers images, signatures etc
    Separate function for 2nd submit button

    Just to clarify, it isn't one specific form it's occasionally happening at random on any given form although it does occur on longer forms.

  • Ben
    Replied on February 16, 2016 at 10:27 AM

    You could actually add your own buttons to the form and have them used as submit buttons.

    The way they work is because the inputs and buttons on a form default to submitting the form and as such we do not need any javascript, or special codding to make it work.

    For example, both of these would work just fine - just as any of the two alone:

    <input type="submit" value="Re-Submit">
    <button>Re-submit</button>

    The input element can not be styled, but the button element can, so if you add it the same class as used by the original button, it would look the same as well:

    <button class="form-submit-button">Re-submit</button>

    - However in doing so, it too would become disabled when the above is pressed, but if you copy the CSS code for the same, you could style it and keep it active as long as as a different class name is used.

    For example:

    <button class="form-submit-button">Re-submit</button>

    .form-submit-button2 {
        font-family: "Arial",sans-serif;
        font-size: 18px;
        font-weight: normal;
        padding: 9px 15px;
    }

    CSS would of course need to go into the forms custom CSS: Inject Custom CSS Codes

    I would also like to mention that this is likely happening only on the forms with your signature field, because if I cause it to not get loaded, I can recreate the issue, but otherwise it works properly.

    You can check my clone of your form to see the buttons in action: https://form.jotform.com/60463771927968

    Do however let us know if that is truly an issue happening only on your forms with the Smooth Signature and if so we would be happy to raise it to our developers to check the same.