Can someone show me a an HTML form that uses the browser’s native validation APIs and:

1. Has custom styles for the native error messages so they look the same across browsers

2. Displays an error summary at the top of the form, or focuses the invalid field on submit

3. Runs validation logic on each keystroke so the error disappears the moment an invalid field is fixed

4. Handles logic chaining (if this field has value x, this other field is required and must have value y or z)

Anyone have a working example?

@kentcdodds do you show how to do this in epic web dev?

View original on X