Website pattern library

Forms

Input field validation

You can view Input field validation in the Mendix code library

Example 1 Text field validation

Please enter your phone number

Reference: WPL049   

Usage

  • All form input types
  • Anchor page scroll to the validated field position where possible
  • Don't combine field focus and validation outlines - use one outline at a time

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

Up arrow iconBack to top