Invalid Field Indicators (Real-Time) 🧪

Real-Time Indicators

Show all fields which are invalid in real time from the moment the form loads.

Indicators would typically be

Advantages;

• Makes it clear what fields are required

• Can be easily brand-styled

Notes;

• Indicators would typically be in the form of field-level background styling to make this more visible

• Small elements like checkboxes and radio buttons may require something additional

Prototype;

https://codepen.io/memetican/pen/ByBObQe/68f8c7cd88ea1e602cab71fd358250e9