Constraint Validation: Modern Form Validation Techniques - Browser API Special

Overview

Explore form validation techniques and the Constraint Validation API in this 45-minute conference talk from CSS Day 2017. Dive into modern input types, CSS error messages, and JavaScript implementations. Learn about the challenges of using the API, gain insights on proper form validation, and understand how not to design APIs. Discover practical examples, ideal form structures, and validation timing. Examine CSS form validation, validity properties, and error message handling. Analyze the limitations of current approaches and identify areas for improvement in web form validation.

Syllabus

Intro
Modern input types
Modern techniques
Examples
The ideal form
Validation timing
valid and invalid
CSS error messages
Required
Label blocks
CSS form validation
The ideal API
Checking validity
validity properties
Rewriting error messages
Triggering errors
onblur and report Validity
Hiding error messages
Not showing error messages
Invalid event
What can we use?
JavaScript
To be done