Forms / The visual dictionary

Validation message.

Explains a specific problem with an entered value.

Also calledfield errorinput errorerror message
01

See it in context

UI illustration

A useful field error identifies what needs correction and how to fix it. It appears near the relevant control and remains connected to the value the person entered.

When to use it

Name the problem, preserve the entry, and associate the message with the invalid field.

Know the difference

A success notification reports completion; a validation message helps correct input.

WebiOSiPadOSAndroidmacOSWindowsLinux

Web

Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.

iOS · iPadOS · Android

Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.

macOS · Windows · Linux

Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.

Primary documentation for the pattern and its platform conventions.