Picchu

Data validation

Guidance

Inline data validation gives people several types of real-time feedback when filling out forms.

Data validation can confirm an appropriate answer, suggest valid answers, and provide regular updates to help people stay within necessary limits. These bits of feedback can be presented before, during, and/or after users provide answers.

  • Placement: below the respective input box
  • Text: Segoe UI, 15px (default on white: #E81123; default on black: #FFF100)

Demo

See the Pen Data Validation Demo by Microsoft.com (@microsoft) on CodePen.

Resources