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

    'form-button-error' is being removed due to Bootstrap Switch Field widget

    Asked by Deralict on January 11, 2015 at 02:58 AM

    If a user tries to submit the form without filling in some required fields, the form moves up slightly but otherwise nothing happens. The user is provided no indication what the problem is and why the form does not get submitted.

    Should the form not automatically scroll up to the first required field that has not been filled in so the user can see the problem?

    Page URL:
    www.lifesprung.com

    required field
  • Profile Image
    JotForm Support

    Answered by jonathan on January 11, 2015 at 08:31 AM

    Hi,

    Can you please provide us more details about the issue.

    Which fields in your jotform on the website did not trigger required alert?

    I tried submitting the form with empty values only, but I could not proceed,and can see the required fields

     

    We will wait for your updated response.

    Thanks.

  • Profile Image

    Answered by Deralict on January 11, 2015 at 02:31 PM

    The fields at the top of the form (Age, height, weight). They are required, but if you try to submit without filling those in (and let's say you DO fill in the rest), the after you press Submit nothing happens. it's only if you happen to scroll back up to the top manually do you see that these fields have error messages.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 11, 2015 at 03:54 PM

    Thank you for providing clarification.

    I actually test submitted right away without filling anything, and it was immediately showing the *required field alert (everything empty)

     

     

    then I fill in the required fields below.. and test submit again. But I still could not submit, and can see the required field alert on top being triggered

     

     

    Can you please retry testing this again? Is this not happening on your end when testing?

    Please let us know of the result.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 11, 2015 at 03:56 PM

    Just to clarify, I have to scroll up to see that the required fields on top were the required fields that needs to be fill in to submit the form.

     

    Thanks.

  • Profile Image

    Answered by Deralict on January 11, 2015 at 04:20 PM

    OK, I tested it again, and confirmed it does not work. I made a video capture that illustrates the bug: https://www.dropbox.com/s/pulq8w2f4orrhih/Required%20fields%20bug.mov?dl=0 

    I'm using Chrome Version 39.0.2171.95. The same problem occurs in the latest version of Safari and iOS as well.

  • Profile Image

    Answered by Deralict on January 11, 2015 at 04:24 PM

    Re. your last response...that's exactly the problem. The user has to manually scroll up to see the fields that are preventing the form from being submitted. There is no indication that there's a problem with any fields or that the user should scroll up to find the fields that need to be filled in.

    It should either automatically scroll up to the first field that is producing an error, or where the submit button is, a message should appear indicating there are some fields that need attention (and that the user should scroll up to find them). This is pretty standard practice for forms.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 11, 2015 at 05:34 PM

    I understand what you meant about the error message below which should be triggered when required field is not filled in.

     

     

    I will submit a bug ticket report to our higher team support to check if there is a bug at the backend that is causing this. I currently could not find the cause within the form.

     

    Thanks.

  • Profile Image

    Answered by Deralict on January 14, 2015 at 12:26 PM

    Can you please update me on the status on this bug? I would like to rollout my form and this bug is blocking that.

  • Profile Image
    JotForm Support

    Answered by Mike on January 14, 2015 at 03:06 PM

    It appears that the issue is caused by the Bootstrap Switch Field widget. It removes the 'form-button-error' element from the page for some reason.

    The issue has been already assigned to one of our developers, and we will let you know once it is fixed.

  • Profile Image

    Answered by Deralict on January 14, 2015 at 04:06 PM

    Can you give me an ETA? And if it's greater than 48 hours, then can you provide a workaround (can I add the "form-button-error" DIV myself outside the iframe?, or...)

  • Profile Image
    JotForm Support

    Answered by Mike on January 14, 2015 at 05:14 PM

    Unfortunately, we do not have any ETA, but the bug report ticket is marked as very important. It is not likely that we can apply a work around here since the error validation is hardcoded on the back end. We will keep you updated.

  • Profile Image

    Answered by Deralict on January 15, 2015 at 12:02 AM

    If you could please escalate the priority to "critical" (or whatever your highest level is) I would appreciate it, as (for obvious reasons) I can't release the form with this bug (and the client is expecting completion by this Friday).

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on January 15, 2015 at 10:32 AM

    I've sent an email to our devs, they should update you here.

  • Profile Image

    Answered by Deralict on January 15, 2015 at 09:23 PM

    Great, thanks guys. I tried it and it works.