Website pattern library

Forms

Advanced validation

You can view Advanced validation in the Mendix code library

Example 1 Validation with top of page alert:

Warning!Please complete the questions marked red

Please enter your email address

Please enter your phone number

Example 2 Top of page alert with links to questions. For application summary pages or long multiple question pages.

Warning!You have 2 incomplete questions

  1. Housing benefit claim reference number
  2. National insurance number

Reference: WPL050   
Copy this page link to your clipboard

Usage

  • Tick check iconLonger multiple question form pages

Required fields are no longer marked with an asterisk symbol (*). Instead all fields are required unless indicated by an 'optional field label'

Components

  • Field titles
  • Field descriptions
  • Validation error indicator lines
  • Validation error field highlights
  • Top of page alert
  • Top of page alert with links

Up arrow iconBack to top