Skip to content

Add Address Validation to Form Fields in Every Step #51

@ferrabled

Description

@ferrabled

Description

Currently, the form allows users to proceed to the next step even when Ethereum addresses are invalid. We need to implement proper validation to ensure users can only proceed when all addresses are valid. We can use isValidEthereumAddress function from utils.ts for validation

Changes Needed

  1. Add real-time validation for Ethereum addresses in form fields:

    • Safe Address
    • Nested Safe Address (when enabled)
    • Recipient Address
    • Gas Token
  2. Implement visual feedback:

    • Red border around invalid address inputs
    • Error message below invalid address inputs
  3. Prevent step navigation when addresses are invalid:

    • Show specific error toasts for each type of invalid address
    • Only show "Missing required fields" toast when actual required fields are empty

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions