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

    Skip read-only fields when TAB is pressed.

    Asked by intranet.admin on May 26, 2014 at 01:11 PM

    Please can you tell me if and how it is possible to 'skip' over read-only fields when navigating through a form using TAB


    kind regards


  • Profile Image

    Answered by jedcadorna on May 26, 2014 at 01:54 PM

    Hello Richard,

    I think this is possible if you download your form source and modify the code. You add an event where it checks the button that was keyed in and will do the function if the condition is true.

    I was searching through web and found this sample line used using javascript.

    $("#test").find("read-only").on("keydown", function(){...}); 

    Will do some test to see how this works then will inform you about this function.

  • Profile Image

    Answered by jedcadorna on May 28, 2014 at 06:18 AM

    Hello Richard,

    Sorry for getting back late. I found an easier way to skip fields. At first I was looking at this SkipOnTab demo but didn't know that there is much easier way.

    Adding tabindex=-1 to your input field would skip it when tab is pressed. You can see in my sample image that tabindex=-1 is added to the readonly input fields. Click here to see the sample form.

    Also, I was thinking that this might be beneficial especially for longer forms like registration form and some fields are already populated and as readonly. Skipping those readonly fields might at least save some time. 

    Let me try to submit a request about this feature maybe an option under preferences that will be set to enabled or disabled so that readonly will be skipped if feature is enabled. Let's wait for our devs what they have to say about this feature, mabye they can add this.

  • Profile Image
    JotForm Support

    Answered by liyam on May 31, 2014 at 12:25 AM

    Hello Richard,

    This is now implemented.  All fields that are set to read only shall be skipped by tab key.  If you have other questions or concerns, please do let us know.