@@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](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required) und die Pseudoklassen [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid) bzw. [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid) sind deine Freunde. [Guckst du.](https://codepen.io/gunnarbittersmann/pen/xxVBqMP) 😷 LLAP PS: Warum ```css .valid-mark { display: none } input:valid + .valid-mark { display: inline } ``` und nicht einfach ```css 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).*{:@en} -- *„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“* —@Ann_Waeltin

@@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? Die Pseudoklassen [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid) bzw. [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid) sind deine Freunde. [Guckst du.](https://codepen.io/gunnarbittersmann/pen/xxVBqMP) 😷 LLAP PS: Warum ```css .valid-mark { display: none } input:valid + .valid-mark { display: inline } ``` und nicht einfach ```css 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).*{:@en} -- *„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“* —@Ann_Waeltin

@@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? Die Pseudoklassen [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid) bzw. [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid) sind deine Freunde. [Guckst du.](https://codepen.io/gunnarbittersmann/pen/xxVBqMP) 😷 LLAP -- *„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“* —@Ann_Waeltin