Wun Code
JavaScriptHTML

Advanced Forms

In this track you'll write your own validation rules, tie one field to another, and write error messages a screen reader can announce.

Start the trackFree, no sign-up needed

What you'll learn

  • Custom validationAdd a validation rule the browser doesn't know
  • Two linked fieldsA field whose validity depends on another
  • Error messages you can hearGet the error across to people who can't see the color
  • Submit only onceStop a double click from placing two orders
  • Only one choiceA shared name groups the buttons
  • Read the whole form at onceRead every field in one line
  • The right type for each fieldBring up the right keyboard
  • Character counterShow the limit before the user hits it

Track contents

8 lessons, 1.5 hours in total
  1. 1Custom validationJavaScriptAdd a validation rule the browser doesn't know
  2. 2Two linked fieldsJavaScriptA field whose validity depends on another
  3. 3Error messages you can hearHTMLGet the error across to people who can't see the color
  4. 4Submit only onceJavaScriptStop a double click from placing two orders
  5. 5Only one choiceHTMLA shared name groups the buttons
  6. 6Read the whole form at onceJavaScriptRead every field in one line
  7. 7The right type for each fieldHTMLBring up the right keyboard
  8. 8Character counterJavaScriptShow the limit before the user hits it

More Web tracks

All tracks