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

    Validating required fields before moving to the next page of the form

    Asked by graeme.bell on April 10, 2017 at 10:00 AM

    Hi Support,

     

    In the function "input.validate" (jotform.forms.js?3.3.18300) - called after the next button is pressed, JotForm.isVisible is called - skip validation if not.

     

    However, the layout appears to have been recalculated before this point. Thus the new page is already visible; and in our forms all required fields have already been checked and marked as 'form-validation-error'.

     

     

    (Likewise, navigating to the page with the tabs, and then using the next button will not validate the current page).

     

    Please could you investigate?

     

    Thanks,

     

    Graeme

    Page URL:
    https://form.myjotform.com/70993993414570

  • Profile Image
    JotForm Support

    Answered by Welvin on April 10, 2017 at 11:48 AM

    The Form Tabs widget has the option to allow skipping required fields in each page. You may consider disabling that option if you wish to require users to complete the page before moving to the next page.

     

    Please let us know if you require additional assistance.

  • Profile Image

    Answered by graeme.bell on April 11, 2017 at 06:17 AM

    If i disable the tab option (which I don't want to do), then there is a problem with display of the actual tab (not the content). The wrong tab is SOMETIMES highlighted.

    It seems that as a javascript include (which generates an iframe), the event which changes the variable "JotForm.currentSection" occurs after the event which handles the 'current tab'.

     

     

    In jotform.form.js?3.3.18309:

                    JotForm.currentSection = JotForm.nextPage.show();

     

    In scripts.min.js, updateCurrentTab:

                    this.currentPage = this.currentSection.pagesIndex - 1

     

     

    These are the result of two different event handlers, and the order that they are called changes between 'include mode' and viewing the form directly on jotform.com.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 11, 2017 at 08:36 AM

    I'm sorry, but I need to clarify what you want to do with the page break and Form Tabs widget. Are you suggesting to change this behavior? Would you mind letting us know how you'd like these things to work? 

    If you select "No" in the widget settings, then all required fields are validated, and you cannot proceed to the next page unless you fill these fields. As far I understand, that's how you want it. Please clarify.