Conffab by Web Directions
  • Speakers
  • Presentations
  • Conferences
  • Live streams
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • Live streams
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In

Search Conffab

Search presentations, speakers, transcripts, slides and topics.

Searching Conffab

Validating Forms with the HTML5 Pattern Attribute

Chris Lienert at South 2013
  • HTML
  • html5
  • forms
Sign up for Conffab Free to watch this and hundreds of other videos for free
  • Details

In the past, validating forms in the client has typically required doing some heavy lifting with JavaScript. But you may not know HTML5 changes all that. Browsers now check that the content of an input match its type (and we’ve got new types like email, url and number to make that even more useful). But, what you might not know about is the pattern attribute, which lets us use regular expressions directly in HTML to specify what format the user’s input should have.

In this session, Chris Lienert will look at some of the common regex patterns you can use to validate user input, coupled with some of the many tricks he’s learned to help users complete those forms we all love to hate.

You may also be interested in

Thumbnail for Know Your HTML

Know Your HTML

Chris Lienert

Code 2020

Thumbnail for Fantastic Forms for Mobile Web

Fantastic Forms for Mobile Web

Tammy Butow

Code 2012

Thumbnail for Web Forms with Quaid-JS

Web Forms with Quaid-JS

Chris Lienert

South 2012

Thumbnail for Customisable and the friends we made along the way

Customisable and the friends we made along the way

Jake Archibald

CSS Day 2026

Thumbnail for The goose and the common

The goose and the common

Bruce Lawson

CSS Day 2025

Thumbnail for Performance Driven HTML

Performance Driven HTML

Mandy Michael

Dev Summit ’24

Thumbnail for Form control styling

Form control styling

Tim Nguyen

Web Directions Developer Summit 2025

Thumbnail for Web Components: Another Tool in your Toolbox

Web Components: Another Tool in your Toolbox

Ben Taylor

Summit ’23

More presentations from South 2013

Thumbnail for Making Web Apps as Smooth as Native

Making Web Apps as Smooth as Native

Andrew Betts

South 2013

Thumbnail for How the Internet of Things Changes How We Design

How the Internet of Things Changes How We Design

Alexandra Deschamps-Sonsino

South 2013

Thumbnail for I Yield For Generators

I Yield For Generators

Adam Ahmed

South 2013

Thumbnail for Connected UX

Connected UX

Aarron Walter

South 2013

Thumbnail for The Future of JavaScript: ECMAScript 6

The Future of JavaScript: ECMAScript 6

Axel Rauschmayer

South 2013

Thumbnail for Functional Javascript

Functional Javascript

Dhanji R. Prasanna

South 2013

Thumbnail for Oh No! Spaghetti Code!

Oh No! Spaghetti Code!

Fiona Chan

South 2013

Thumbnail for The Z Dimension

The Z Dimension

Glen Maddern

South 2013

© 2026

  • About
  • Speakers
  • Presentations
  • Conferences
  • Contact
  • Sign in
Sign Up