<?xml version="1.0" encoding="utf-8"?>

Signal error after loss of focus

Signal error after loss of focus Bad Practice
Signal error after loss of focus Best Practice

Once users move away from the input field by selecting another element or removing the cursor, the system can begin validating the input. In case an error occurs, display a message next to the input and explain how users can correct it. Make sure the message is clear and polite and provides straightforward instructions using plain language.

Pro Tip: From an accessibility viewpoint, it's important to accompany the error message with an icon indicating an error. 

Improve your UX & Product skills with interactive courses that actually work