All posts in " ux "
0 Shares

Why Use a Third-Party Form Validation Library?

By seorocket / last month

We’ve just wrapped up a great series of posts from Chris Ferdinandi on modern form validation. It starts here. These days, browsers have quite a few built-in tools for handling form validation including HTML attributes that can do quite a bit on their own, and a JavaScript API that can do even more. Chris even […]

0 Shares

Form Validation – Part 4: Validating the MailChimp Subscribe Form

By seorocket / last month

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 process for a better overall user experience. And we wrote a polyfill to extend support […]

0 Shares

Form Validation Part 3: A Validity State API Polyfill

By seorocket / last month

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 IE10. But, there are some browser gotchas. Not every browser supports every Validity State property. […]

0 Shares

Form Validation Part 2: The Constraint Validation API (JavaScript)

By seorocket / last month

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 lightweight, this approach does have a few shortcomings. You can style fields that have errors on them […]

Page 1 of 2