Web Directions

Conffab

  • Speakers
  • Presentations
  • Conferences
  • Organizers
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • Organizers
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
Advanced Search
Searching videos

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 Web Forms with Quaid-JS

Web Forms with Quaid-JS

Chris Lienert

Thumbnail for Designing for Learning Difficulties

Designing for Learning Difficulties

Chris Lienert

Thumbnail for Know Your HTML

Know Your HTML

Chris Lienert

Thumbnail for QA with Chris Lienert

QA with Chris Lienert

Chris Lienert

Thumbnail for Hacked

Hacked

Chris Lienert

Thumbnail for In Conversation: Rick Giner & Andrew Murphy, and Inga Pflaumer with Chris Lienert

In Conversation: Rick Giner & Andrew Murphy, and Inga Pflaumer with Chris Lienert

Rick Giner

Thumbnail for Once More with Feeling

Once More with Feeling

Tim Kadlec

Thumbnail for CSS Grid Layout

CSS Grid Layout

Rachel Andrew

More presentations from South 2013

    Thumbnail for Making Web Apps as Smooth as Native

    Making Web Apps as Smooth as Native

    Andrew Betts

    Thumbnail for How the Internet of Things Changes How We Design

    How the Internet of Things Changes How We Design

    Alexandra Deschamps-Sonsino

    Thumbnail for I Yield For Generators

    I Yield For Generators

    Adam Ahmed

    Thumbnail for Connected UX

    Connected UX

    Aarron Walter

    Thumbnail for The Future of JavaScript: ECMAScript 6

    The Future of JavaScript: ECMAScript 6

    Axel Rauschmayer

    Thumbnail for Functional Javascript

    Functional Javascript

    Dhanji R. Prasanna

    Thumbnail for Oh No! Spaghetti Code!

    Oh No! Spaghetti Code!

    Fiona Chan

    Thumbnail for The Z Dimension

    The Z Dimension

    Glen Maddern

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

© Conffab 2025