[giow] (2) Make :valid and :invalid apply to <form> elements also.

Affected topics: HTML git-svn-id: http://svn.whatwg.org/webapps@6888 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Jan 11, 2012 · 4b4cb89e2f244e6f075b22325567cef5fb62a26b · 4b4cb89
1 parent 67afe57
commit 4b4cb89e2f244e6f075b22325567cef5fb62a26b
Unified Split

Showing with 84 additions and 28 deletions.

+24 −10 complete.html

+24 −10 index

+36 −8 source
diff --git a/complete.html b/complete.html

   <dd>
    <p>The <code title=selector-valid><a href=#selector-valid>:valid</a></code> pseudo-class
-  
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-  
-    constraint validation">candidates for constraint validation</a>
-  
-    and that <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-  
-    constraints</a>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
-  
-   </dd>
+  
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+  
+     validation">candidates for constraint validation</a> and that
+  
+     <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+  
+     constraints</a></li>
+  
+
+  
+     <li><code><a href=#the-form-element>form</a></code> elements that are not the <a href=#form-owner>form
+  
+     owner</a> of any elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+  
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+  
+
+  
+    </ul></dd>
   <dt><dfn id=selector-invalid title=selector-invalid><code>:invalid</code></dfn></dt>
   <dd>
    <p>The <code title=selector-invalid><a href=#selector-invalid>:invalid</a></code> pseudo-class
-  
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-  
-    constraint validation">candidates for constraint validation</a>
-  
-    but that do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-  
-    constraints</a>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
-  
-   </dd>
+  
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+  
+     validation">candidates for constraint validation</a> but that
+  
+     do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+  
+     constraints</a>
+  
+
+  
+     <li><code><a href=#the-form-element>form</a></code> elements that are the <a href=#form-owner>form
+  
+     owner</a> of one or more elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+  
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+  
+
+  
+    </ul></dd>
   <dt><dfn id=selector-in-range title=selector-in-range><code>:in-range</code></dfn></dt>
diff --git a/index b/index

   <dd>
    <p>The <code title=selector-valid><a href=#selector-valid>:valid</a></code> pseudo-class
-  
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-  
-    constraint validation">candidates for constraint validation</a>
-  
-    and that <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-  
-    constraints</a>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
-  
-   </dd>
+  
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+  
+     validation">candidates for constraint validation</a> and that
+  
+     <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+  
+     constraints</a></li>
+  
+
+  
+     <li><code><a href=#the-form-element>form</a></code> elements that are not the <a href=#form-owner>form
+  
+     owner</a> of any elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+  
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+  
+
+  
+    </ul></dd>
   <dt><dfn id=selector-invalid title=selector-invalid><code>:invalid</code></dfn></dt>
   <dd>
    <p>The <code title=selector-invalid><a href=#selector-invalid>:invalid</a></code> pseudo-class
-  
-    must match all elements that are <a href=#candidate-for-constraint-validation title="candidate for
-  
-    constraint validation">candidates for constraint validation</a>
-  
-    but that do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
-  
-    constraints</a>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
-  
-   </dd>
+  
+    <ul><li>elements that are <a href=#candidate-for-constraint-validation title="candidate for constraint
+  
+     validation">candidates for constraint validation</a> but that
+  
+     do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their
+  
+     constraints</a>
+  
+
+  
+     <li><code><a href=#the-form-element>form</a></code> elements that are the <a href=#form-owner>form
+  
+     owner</a> of one or more elements that themselves are <a href=#category-submit title=category-submit>submittable elements</a>, <a href=#candidate-for-constraint-validation title="candidate for constraint validation">candidates for
+  
+     constraint validation</a>, and do not <a href=#concept-fv-valid title=concept-fv-valid>satisfy their constraints</a></li>
+  
+
+  
+    </ul></dd>
   <dt><dfn id=selector-in-range title=selector-in-range><code>:in-range</code></dfn></dt>
diff --git a/source b/source

   <dd>
    <p>The <code title="selector-valid">:valid</code> pseudo-class
-  
-    must match all elements that are <span title="candidate for
-  
-    constraint validation">candidates for constraint validation</span>
-  
-    and that <span title="concept-fv-valid">satisfy their
-  
-    constraints</span>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
+  
+
+  
+    <ul>
+  
+
+  
+     <li>elements that are <span title="candidate for constraint
+  
+     validation">candidates for constraint validation</span> and that
+  
+     <span title="concept-fv-valid">satisfy their
+  
+     constraints</span></li>
+  
+
+  
+     <li><code>form</code> elements that are not the <span>form
+  
+     owner</span> of any elements that themselves are <span
+  
+     title="category-submit">submittable elements</span>, <span
+  
+     title="candidate for constraint validation">candidates for
+  
+     constraint validation</span>, and do not <span
+  
+     title="concept-fv-valid">satisfy their constraints</span></li>
+  
+
+  
+    </ul>
   </dd>

   <dd>
    <p>The <code title="selector-invalid">:invalid</code> pseudo-class
-  
-    must match all elements that are <span title="candidate for
-  
-    constraint validation">candidates for constraint validation</span>
-  
-    but that do not <span title="concept-fv-valid">satisfy their
-  
-    constraints</span>.</p>
+  
+    must match any element falling into one of the following
+  
+    categories:</p>
+  
+
+  
+    <ul>
+  
+
+  
+     <li>elements that are <span title="candidate for constraint
+  
+     validation">candidates for constraint validation</span> but that
+  
+     do not <span title="concept-fv-valid">satisfy their
+  
+     constraints</span></p>
+  
+
+  
+     <li><code>form</code> elements that are the <span>form
+  
+     owner</span> of one or more elements that themselves are <span
+  
+     title="category-submit">submittable elements</span>, <span
+  
+     title="candidate for constraint validation">candidates for
+  
+     constraint validation</span>, and do not <span
+  
+     title="concept-fv-valid">satisfy their constraints</span></li>
+  
+
+  
+    </ul>
   </dd>