Happier HTML5 Form Validation

HTML has given us loads of form validation stuff in the last few years. Dave Rupert puts a point on the UX problems with it:

If youve ever experimented with HTML5 Form Validation, youve probably been disappointed. The out-of-box experience isnt quite what you want. Adding the required attribute to inputs works wonderfully. However the styling portion with input:invalid sorta sucks because empty inputs are trigger the :invalid state, even before the user has interacted with the page.

Fortunately, there …

Happier HTML5 Form Validation is a post from CSS-Tricks