Solved

Why is my form field not tabbing to the next field?

Posted on 2014-07-21
3
122 Views
Last Modified: 2014-09-17
I have a telephone form field that is not allowing me to tab to it from the previous field and will not tab to the next tab.
There is a javascript that is auto forwarding the cursor from each part of the three part phone field and I am sure this has something to do with it. here is the page: http://www2.medigap360.com/lpview/mg3v1/step1.php

What is going wrong with this javascript? Or do i need to do something else to force a field to tab to a specific field?
0
Comment
Question by:semfreak
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40209088
Try using the tabindex property to set the tab order e.g.

tabindex="1"

http://www.w3schools.com/tags/att_global_tabindex.asp
Should be exempt from any js code you have running
0
 
LVL 2

Expert Comment

by:c l
ID: 40209137
using Chrome and it's development tools, it works for me if you remove the tabindex="1" which is weird, since that shouldn't have anything to do with it...

to build on Gary's proposed solution, first thing I would do is remove the JS function on that field and see if it works for you just to try to narrow down where the problem lies. If that doesn't resolve the issue (I don't think it will, but it's a good idea to rule it out)

second thing I would do is add a tab index to ALL of your fields in chronological order, although why that should be needed I'm unsure of.
0
 
LVL 58

Expert Comment

by:Gary
ID: 40209152
If you remove the tabindex from the 3 fields then it will naturally tab in the order of the fields.
But I never noticed there was a tabindex on those 3 fields so c l is right to just remove the tabindex and ignore my comment.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question