← Back to Catalog

Validation icon when format valid

validation-icon-when-format-valid

For email/card/password-rules fields, show the valid icon as soon as the typed value matches the format. Dual-cite NN/g success-for-complex; this is the format-as-you-type icon, not a spam-success on required-filled.

Description

For email, card, and password-rule fields, Spectrum shows the valid icon as soon as the typed value matches the format. This is format-as-you-type feedback, dual-cited with NN/g success-for-complex guidance, not a spam success state on any filled required field. Showing valid for any characters, or omitting it when the format already matches, misses the intent. Reserve the icon for real format match.

When to use

Email, card, or password-rule fields that validate format as the user types.

Not when

Plain required fields that only need any non-empty value, not format success.

Agent hint

Show the valid icon when format matches; never for merely filling a required field.

Pass

Format-constrained fields show the valid icon when the typed value matches, not merely because a required field has any characters.

Fail

Valid icon on any filled required, or no valid icon when the format already matches.

Citations

Open UX · cited UX rules agents audit against

Privacy · Sources ·