650177 - igotewaste.com - Web form will not allow users to send information in HTML5-enabled browsers

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Jakub Jakubik]

User-Agent:       Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0
Build Identifier: Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0

After filling out all the required information and some of the optional information on the web form located on the home page of this website, the submit button greys out and a message box comes up indicating that some of the optional fields are not complete. This happens even if all the fields are filled out. This problem does not occur in any other browser or platform, except the latest version of Firefox 4.0. This problem does not occur when using an older version of Firefox. This website was designed in Godaddy's Website Builder application. Tech support claims issue is do to scripting errors in new Firefox version.

Reproducible: Always

Steps to Reproduce:
1. Open www.igotewaste.com in Firefox 4.0.
2. Enter information in required fields.
3. Click on submit button.
Actual Results:  
A message will pop up telling you that a certain field needs to be filled in, even though it is not required. The submit button will also grey out and will remain greyed out, even though you enter information in the field that the the message prompts for information. Does not happen in any other browser and older versions of Firefox.

Expected Results:  
Web form information should have been submitted.

Comment 1

[Marco Bonardo [:mak]]

I think this is an evangelization problem.
At first glance that page uses a "required" attribute to track if a field is required or not, with its own js code. Unfortunately also html5 web forms use the required attribute and this most likely causes conflicts.

Comment 2

[Chris Lawson (gone)]

Sounds like this is specific to the HTML5 renderer, then, and probably not specific to Gecko itself. Are there other HTML5-compliant browsers out there against which this theory could be tested?

In terms of fixing the problem, simply renaming the attribute to "musthave" or something similar would suffice, correct?

Comment 3

[Marco Bonardo [:mak]]

So far I tried Chrome and Opera, but both of them don't seem to handle the "required" attribute.

Comment 4

[Jakub Jakubik]

So, I stripped autocomplete="OFF" required="false" and <span id="formLabel_960b7RequiredIndicator" style="color: #ff0000;"> * from the HTML. Still wasn't working in Firefox BUT only the time and date selector was lighting up with a pink required selection box. I went ahead and removed that option from the form and it works great now. I don't have the required fields option now, nor the time and date selector but that's alright!!! I can do without as long as the form is fully functional. I appreciate all the feedback you guys provided. Your suggestions and comments helped me resolve this problem. Thank you!

Comment 5

[Hallvord R. M. Steen [:hallvors]]

code has changed, now "required" is put in the "class" attribute