Web Directions

Conffab

  • Speakers
  • Presentations
  • Conferences
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • 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 a free membership to watch this and hundreds of other videos
  • Details
  • Slides

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 QA with Chris Lienert

    QA with Chris Lienert

    Thumbnail for Know Your HTML

    Know Your HTML

    Thumbnail for Designing for Learning Difficulties

    Designing for Learning Difficulties

    Thumbnail for Web Forms with Quaid-JS

    Web Forms with Quaid-JS

    Thumbnail for The Loaded JavaScript

    The Loaded JavaScript

    Thumbnail for Keep Betting on JavaScript

    Keep Betting on JavaScript

    Thumbnail for CSS in the Age of Components

    CSS in the Age of Components

    Thumbnail for Strategists describe to make. Designers make to describe

    Strategists describe to make. Designers make to describe

More presentations from South 2013

    Thumbnail for Hack Yourself First

    Hack Yourself First

    Thumbnail for The Z Dimension

    The Z Dimension

    Thumbnail for How the Internet of Things Changes How We Design

    How the Internet of Things Changes How We Design

    Thumbnail for CORS: Cross Domain Requests for Javascript

    CORS: Cross Domain Requests for Javascript

    Thumbnail for Functional Javascript

    Functional Javascript

    Thumbnail for Animating Web Experiences

    Animating Web Experiences

    Thumbnail for The Best Interface is No Interface

    The Best Interface is No Interface

    Thumbnail for Designing With Animation

    Designing With Animation

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

© Conffab 2023