Nur mittels css prüfen ob minlength erfüllt ist

[Gunnar Bittersmann]

@@T-Rex

einfache Frage - kann man nur mittels css prüfen ob die minlength eines Feldes erfüllt ist und dementsprechend das input z.B. einfärben?

Das required-Attribut und die Pseudoklassen :valid bzw. :invalid sind deine Freunde. Guckst du.

😷 LLAP

PS: Warum

.valid-mark { display: none }
input:valid + .valid-mark { display: inline }

und nicht einfach

input:invalid + .valid-mark { display: none }

? Dann wäre das Häkchen in alten Browsern, die HTML5-Validierung nicht können, immer zu sehen. Sicher kein guter Fallback.

Besser ist, das Ding in modernen Browsern zuzuschalten (progressive enhancement).