Skip to content

feat[#77]refactor: standardize form validation errors across app#82

Merged
RUKAYAT-CODER merged 1 commit intorinafcode:mainfrom
AbuJulaybeeb:feature/77-form-validation-errors
Feb 25, 2026
Merged

feat[#77]refactor: standardize form validation errors across app#82
RUKAYAT-CODER merged 1 commit intorinafcode:mainfrom
AbuJulaybeeb:feature/77-form-validation-errors

Conversation

@AbuJulaybeeb
Copy link

Closes #77

Overview

Created a unified, accessible system for displaying validation errors across all forms, resolving inconsistent error handling.

What was done

  • Built reusable <FormError /> (for backend/global errors) and <FieldError /> (for inline validation) components.
  • Implemented automatic scrolling to the first error via useEffect and useRef.
  • Ensured accessibility by adding role="alert" and aria-live attributes.
  • Integrated the new components into Login, Signup, and Profile Edit forms, mapping them to Zod schemas safely.

Adds reusable FormError and FieldError components with accessibility (aria-live) and auto-scroll functionality. Integrates into auth and profile forms to resolve rinafcode#77.
@RUKAYAT-CODER RUKAYAT-CODER merged commit 34bcc91 into rinafcode:main Feb 25, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Form Validation Error Standardization

2 participants