Add a Service Worker to Your Site
One of the best things you can do for your website in 2022 is add a service worker, if you don’t have one in place already. Service workers give your website super powers. Today, I want to show you some …
Articles by
Chris Ferdinandi
Hi, I’m Chris Ferdinandi. I help people learn vanilla JavaScript through my guides, courses, and daily developer tips. I love pirates, puppies, and Pixar movies.
Form Validation – Part 4: Validating the MailChimp Subscribe Form
Over the last few articles in this series, we’ve learned how to use a handful of input types and validation attributes to natively validate forms.
We’ve learned how to use the Constraint Validation API to enhance the native browser validation …
(Updated on )
Form Validation Part 3: A Validity State API Polyfill
In the last article in this series, we built a lightweight script (6kb, 2.7kb minified) using the Validity State API to enhance the native form validation experience. It works in all modern browsers and provides support IE support back to …
(Updated on )
Form Validation Part 2: The Constraint Validation API (JavaScript)
In my last article, I showed you how to use native browser form validation through a combination of semantic input types (for example, <input type="email"/>) and validation attributes (such as required and pattern).
While incredibly easy and super …
(Updated on )
Form Validation Part 1: Constraint Validation in HTML
Most JavaScript form validation libraries are large, and often require other libraries like jQuery. For example, MailChimp’s embeddable form includes a 140kb validation file (minified). It includes the entire jQuery library, a third-party form validation plugin, and some custom MailChimp …
(Updated on )
