Tab Key Doesn't Work In My Input Form In Mozilla But Works In Google Chrome

I have 3 input field in my form, what I want is I want the user to use the tab key button from his keyboard allowing the user to jump to the next input text... the problem is in my

Solution 1:

You need to allow TAB key to focus in next control ..

In your keypress event

onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0'

And your html form is :

<formclass="form-style col-lg-2 col-md-2 col-sm-2 col-xs-12 text-center"><divclass="form-group"><inputtabindex="1"type="text"id="txt1"onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0'class="form-control input-xxlarge"id="data1"maxlength="2"placeholder="How would you rate yourself, on a scale of 1-12?"></div><divclass="form-group"><inputtabindex="2"type="text"class="form-control input-xxlarge"id="data2"onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0'maxlength="2"placeholder="What is your ideal goal, on a scale of 1-12?"></div><divclass="form-group"><textareatabindex="3"class="form-control input-xxlarge"id="comment"placeholder="Improvement ideas"></textarea><styletype="text/css">textarea {
    resize: none;

    min-height: 100px;
    max-height: 200px;
}
 </style></div><inputtabindex="4"type="submit"class="btn btn-success btn-large"value="NEXT"disabled="disabled"></form>