Add inline validation in forms

Any form that waits until after a user clicks on the Submit button to point out any errors is likely to be abandoned by them. What can you do as a UX writer to prevent this? You can offer inline validation on every input field of your form so that users know immediately when they make a mistake and what they should do to correct it. Inline validation adheres to the Nielsen Norman Group’s guideline of offering constructive advice in error messages and is likely to improve your form completion rates.[[1]]

Keep these general guidelines in mind when opting for inline validation:

  • Make sure that the validation result is displayed next to the input field.
  • Make sure that it appears immediately once an input field is filled.
  • Use the right colors: green for success and red for failure.
  • Use clear, concise, and conversational language.[[2]]

Pro Tip! You do not have to use inline validation for every question and input field — just select the ones that users most commonly mistype, get wrong, or struggle with, such as e-mail addresses, passwords, or usernames.

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