CSS značka :invalid nam omogoča ciljanje “input” polj, ki vsebujejo nepravilne vnose. Tako lahko določene funkcionalnosti za katere smo uporabljali JavaScript nadomestimo s CSSjem.

Logika CSS :invalid značke deluje na podlagi atributov, ki so določeni na vnosnem polju. Se pravi, če ima vnosno polje atribut type=””email” preverja ustreznost vnosa za e-mail. Tako lahko vizualno oblikujemo interaktivne elemente na podlagi vnosa uporabnika. Kako zadeva deluje v praksi si lahko ogledate na spodnjem primeru.

See the Pen
CSS :invalid by Ziga (@pomagalnik)
on CodePen.

:ivalid je zelo dobro podprta značka, deluje v vseh večjih oz. novejših brskalnikih vključnio z IE.