There are some objections against omitting invisible controls from form validation. However, it is a real issue with existing sites and users can't submit such forms at all though they can submit it with non-HTML5 browsers.<div>
<br><div>My conclusion is it's better to disable interactive form validation for existing sites as possible. e.g. disabling interactive form validation for documents without "<!DOCTYPE html>".</div><div>
<div><div><br></div><div><br><div class="gmail_quote">On Fri, Jun 4, 2010 at 00:16, TAMURA, Kent <span dir="ltr"><<a href="mailto:tkent@chromium.org">tkent@chromium.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">> An element is a "candidate for constraint validation" if<br>
> 1. it is a validatable type,<br>
> e.g. true if <input type=number>, false if <input type=reset><br>
> 2. has no "disabled" attribute,<br>
> 3. has no "readonly" attribute,<br>
> 4. inside of a <form> element,<br>
> 5. has non-empty "name" attribute, and<br>
> 6. not inside of a <datalist> element.<br>
><br>
> I hope ValidityState and the pseudo classes ignores 2-6.<br>
<br>
The pseudo-classes do not ignore 2, 3, and 6. (4 and 5 are now removed.)<br></blockquote><div><br></div><div>I'd like to propose to add another condition:</div><div> 7. it is visible (computed 'display' property of CSS isn't 'none' and no 'hidden' content attribute)</div>
<div><br></div><div>I couldn't find exceptional rules for validating invisible controls in the current draft.</div><div>Chrome 5 was released with a part of interactive validation, and we received a bug report about validation against invisible form controls.</div>
<div> </div></div><font color="#888888">-- <br>TAMURA Kent <br>Software Engineer, Google <br><br><br><br>
</font></blockquote></div><br><br clear="all"><br>-- <br>TAMURA Kent <br>Software Engineer, Google <br><br><br><br>
</div></div></div></div>