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

    Required Field alert shows up immediately on Next page when Gift Registry widget is present on the form

    Asked by AmerDamer on May 01, 2014 at 11:39 PM
    Page URL:
    http://form.jotform.com/form/12551839919

    required field
  • Profile Image
    JotForm Support

    Answered by jonathan on May 02, 2014 at 04:52 AM

    Hi,

    I am able to see what you meant. In your form https://www.jotform.com/12551839919 when you first navigate to the next page the *Required fields property are immediately triggered even when nothing is being done yet on that page

     

    I found out that the problem is being triggered by the Gift Registry widget on the form and when the page break field is used.

    I made a test form and was able to reproduce the issue with Gift Registry widget in the form. BUT when I removed the Gift Registry widget the form now behaves properly. This is the test form you can test also http://form.jotform.me/form/41212032880442?

    I will submit a bug ticket to our dev support so that they take a look on this and possibly fixed it the soonest.

    For the meantime, to make the *Required field alert less glaring on your form, we can use injected CSS code to make the alert notice less imposing as much as possible.

    This CSS code should help.

    .form-input .form-error-message, .form-input-wide .form-error-message {

    display: none !important;

    }

    .form-line-error {

        background: transparent;

    }

    Inform us if you need further assistance.
    Thanks!