Automation lab Aú Forms & Validation (FORMS_VALIDATION)

Lab 019: Inline real-time form validation

Practice inline real-time form validation in a real web app context as part of the Forms & Validation module.

basic basic
basic

Objectives

Use for test scripts
  • Understand the purpose and business flow of inline real-time form validation.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Forms & Validation • web-ui • basic • active

Inline real-time form validation

Provide live validation hints as users type for name, email, and phone.

Reading and understanding requirements Choosing stable locators Designing assertions based on business rules

Learning objectives

  • Apply regex and length checks in real time.
  • Use ARIA status for instant feedback.
  • Gate submission on validity of all fields.

Steps

  1. Type valid/invalid values and observe inline errors.
  2. Assert email uses the provided regex.
  3. Check phone length and numeric rule.
  4. Submit only when all fields valid.

Expected results

  • Fields show error as soon as invalid.
  • Submit disabled until all pass.
  • Status text announces success.

Practice sandbox

Validate inline as you type.

Waiting for input

Assertions to practice

  • Email regex: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/
  • Name length >= 3, phone length = 10 digits.
  • Submit enabled only when all valid.