firefox 4.0.1 - requires checking every checkbox on a web page before continuing
Problem is at a contest website. After entering info on two screens, a 3rd screen comes up with a survey on it. One of the questions contains 19 checkboxes. Only one MUST be checked to continue on to the next screen. This worked properly in FF 3.6.1, but now in 4.0.1, I must check ALL 19 boxes before the website will proceed to the next page.
I have tested this on two PCs that have FF 4.0.1 and a third that still has FF 3.6.1. The other two PCs are both Windows XP. The problem exists on the two PCs with FF 4.0.1 and NOT on the one with FF 3.6.1.
I also have 4 profiles on all three computers. The problem happens on all 4 profiles.
I copy the places.sqlite file between the 4 profiles so the bookmarks stay current between all for profiles.
This is a portion of the webpage source:
<div id="q3" class="required"><label for="q3">
<span class="q_sort">3. </span>When you purchase DVDs/Blu-Ray discs what movie genres are you most interested in?</label>
<div id="q3-option-group" class="option-group">
<input required type="checkbox" name="q3" value="a1" /> Action<br />
<input required type="checkbox" name="q3" value="a2" /> Adventure<br />
<input required type="checkbox" name="q3" value="a3" /> Animated<br />Bewerkt door asapReps op
Alle antwoorden (18)
You probably noticed the word "required" in those <input> tags. I think earlier versions of Firefox ignored that attribute. If you want Firefox 4 to ignore that attribute, you could try turning off the HTML5 parser.
You can toggle HTML5 rendering off or back on again like this:
(1) Type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the filter box, type or paste html5 and pause while the list is filtered
(3) Double-click html5.parser.enable to toggle it to false or back to true.
Then reload the page.
Does that make any difference?
Toggled html5 parser to false and back to true. No difference in response on the web page. It still requires ALL check boxes to be checked.
Bewerkt door asapReps op
That may be caused by the presences or required, supported by Firefox 4.
required (HTML5) This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the type attribute is hidden, image, or a button type (submit, reset, or button). The :optional and :required CSS pseudo-classes will be applied to the field as appropriate.
You can remove those required attributes with a bookmarklet like this:
javascript:(function(){var e=document.getElementsByTagName("INPUT"),i; for(i=0;E=e[i];i++){if(E.hasAttribute("required")){E.removeAttribute("required")}}})();
Procedures for implementing this bookmarklet code?
You can test if it helps if you paste it in the location bar and click Go or press Enter while that page is on display in a tab.
You can create a bookmark and paste the code in the location field.
Ok, while on the survey page, I copied the javascript code into the navigation toolbar address field, hit enter (saw no change to the page). Then clicked a few of the checkboxes, and the page accepted them and went to the next page. I was not required to check every box.
I guess now, the questions are is this is a FF 4.0.1 bug or a website bug, and what to do next? It's kind of a hassle having to copy the java code in each time, especially when I don't have to using I.E. or FF 3.6.1
If you need to use that bookmarklet often then create a new bookmark on the bookmarks toolbar and paste the full javascript code in the location field for easy access.
I would assume that it is a problem with the code. I don't know why you would need a required attribute for a checkbox unless you want to confirm accepting something like an agreement or do not want an input field to be empty.
Sorry for the delayed reply.
> Toggled html5 parser to false and back to true.
Test it with the parser set to false (reload page and test). If that doesn't help, then set it back to true.
Remove the label tag of your html structure and try again. It worked for me.
The site is not mine. I am only a visitor to the site.
The only thing that has worked from an end-user point of view is the bookmarklet java code.
I guess I need to know how to report the issue as a bug to FF developers.
Well, now that I have installed FF 6.0.1, the problem with checkboxes is back. The workaround javascript bookmarklet provided by cor-el no longer works. I have to check EVERY checkbox on the survey webpage before it will allow me to continue to the next page.
Any suggests this time? Any hope that a permanent fix will ever be issued?
And just fyi, this is NOT my website, it is an eprize website. I have NO control over it.
(This is the javascript code I was pasting into the address field) javascript:(function(){var e=document.getElementsByTagName("INPUT"),i; for(i=0;E=e[i];i++){if(E.hasAttribute("required")){E.removeAttribute("required")}}})();
You can no longer run JavaScript code via the location bar in Firefox 6 and later.
You can see an error message in the Tools > Error Console.
That code now gets a null principal for security reasons and thus doesn't have any effect (Bug 656433).
You need to create a (keyword) bookmarklet and run the code by invoking that bookmark.
NoScript can allow you to run such code via the location bar, see:
I am not sure I have created a bookmark correctly. I first created a fix.html file, pasted the javascript code that cor-el provided into the file, saved it, then opened it and added it as a bookmark.
I tried dragging that bookmark onto the webpage, but it didn't help.
Then I went to properties of the bookmark from that file, pasted the javascript into the "location" field, and dragged that onto the webpage, but it didn't help either.
Then I deleted everything out of the file, leaving the javascript code still in the "location" field, but it still didn't help when dragged onto the webpage.
A s much as I dislike it, my only option is to use IE, which has NO problem with the web page.
Sorry, I know this isn't obvious, but it's easier than you think.
To create a bookmarklet:
- Select the javascript code above and copy it to the clipboard
- Right-click the Bookmarks toolbar and choose New Bookmark
- Paste the javascript code as the location
- Enter a name, then click Add
After creating a NEW bookmark from scratch with the javascript code in the "location" field does work as far as the checkbox issue. I tested the page by only checking a few checkboxes, got the message that I needed to check more, and all the unchecked checkboxes were highlighted. Then I clicked on the bookmark link, and the highlights were removed and I was able to "ok" the page and continue on.
So now the quesstion is do I need to submit a bug or how does the issue get pushed to the support people?
So now the quesstion is do I need to submit a bug or how does the issue get pushed to the support people?
If each of the checkboxes still says it is required, then I'm not sure Firefox is doing anything wrong. I haven't visited the survey site, so I'm just guessing here, but maybe they have a script that manages the required attributes, and that script isn't working correctly in Firefox.
Can you flag up the problem with the operators of the survey site? I'm sure they would like to get accurate results!