Skip to main content
Elastic UI
Elastic UI
Getting startedComponentsUtilitiesPatternsContentData visualization
EUI ChangelogGitHubFigma
  • Overview
  • Layout
  • Containers
  • Navigation
  • Display
  • Forms
    • Form controls
    • Form layouts
    • Form validation
      • Validation
      • Guidelines
    • Text controls
    • Numeric controls
    • Selection controls
    • Search and filter controls
    • Date and time controls
    • Other controls
  • Tabular content
  • Templates
  • Editors and syntax
  • EUI
  • Forms
  • Form validation
  • Guidelines

Form validation guidelines

Validation error text

Validation messages are needed when the user input differs from what the system expects and enforces:

  • Required fields that are still blank.
  • Invalid values, for one or several reasons (forbidden characters, formatting, duplicate).

Use clear language that helps users understand what they have to do.

Name is required.

Do: Use a simple, minimalist format for a required field.

This address is already used. Enter a different one.

Do: Tell users what happened and how to fix it.

The key can't contain the `:` character.

Do: Be as precise as possible to describe the problem.

Edit this page

Previous
Validation
Next
Text
  • Validation error text
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic