Solved

can't tab out of zip field

Posted on 2014-11-03
2
169 Views
Last Modified: 2014-11-04
I have this form here:http://www.kars4kids.org/donate_car.asp
and I am having a problem with I tab through typing each field in FIREFOX only, it doesn't tab out zip.
What might it be associated with that field that is causing that problem?
0
Comment
Question by:rivkamak
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 250 total points
Comment Utility
It probably has something to do with this validation error:
Line 207, Column 181: Attribute x-autocompletetype not allowed on element input at this point.

That is one of the 36 errors reported by the HTML validator.  You should not expect a page to work perfectly id the code is that far off of the standards.

Cd&
0
 
LVL 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 250 total points
Comment Utility
Interestingly, I can see the issue when I visit your web site, but if I make a complete copy of the HTML on my server, the problem does not appear and the tab works as expected.  This might suggest that there is some kind of interaction between JavaScript and that form field (I did not copy any of the JavaScript files, so anything without an explicit URL did not get included in the page).
http://iconoun.com/demo/temp_kars.html

Agree with COBOLdinosaur -- invalid markup is a certain way to create a debugging nightmare.  I would start by correcting all of those errors and warnings, then revisit the issue.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.kars4kids.org%2Fdonate_car.asp&charset=%28detect+automatically%29&doctype=Inline&group=0

You might also want to look at the JavaScript near the end.  Since I can't reproduce the error, I can't really test this idea, but these lines look kind of suspicious to me:

     <script type="text/javascript">
        var specialKeys = new Array();
        specialKeys.push(8); //Backspace
        $(function () {
            $(".numeric").bind("keypress", function (e) {
                var keyCode = e.which ? e.which : e.keyCode
                var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
                $(".error").css("display", ret ? "none" : "inline");
                return ret;
            });
            $(".numeric").bind("paste", function (e) {
                return false;
            });
            $(".numeric").bind("drop", function (e) {
                return false;
            });
        });
    </script>

Open in new window

0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

744 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now