VALIDATION LAB•INPUTS

Inputs

Beginner

Validate an email + password login form, surface a red error on invalid email, and assert the success state once both fields satisfy their rules.

Understand the behavior

Manual test guide

Test it before writing code
  1. Enter not-an-email in Work email
  2. Enter Pass-w0rd! in Password
  3. Click the form Sign in button

Expected: Please enter a valid email address. appears and the result row receives the error state.

Practice manually, then automate what you just tested.

Related practice

Ready to practise another UI behavior?

Move to the next module whenever you are ready, or browse the full UI Elements catalog.