Skip to content

Form Validation#129

Open
tanyaaravind wants to merge 7 commits into
masterfrom
FormValidation
Open

Form Validation#129
tanyaaravind wants to merge 7 commits into
masterfrom
FormValidation

Conversation

@tanyaaravind

@tanyaaravind tanyaaravind commented Mar 24, 2025

Copy link
Copy Markdown
Collaborator

Description

This ticket aimed to create/fix error handling for meeting creation fields including atoms/TextField, atoms/dropdown, atoms/upload, atoms/DatePicker, and atoms/TimePicker as well as making sure that when meetings are created, all fields are valid.

Testing

  1. Navigate to http://localhost:3000
  2. Select + New Meeting
  3. Click and unclick the following fields
    • Meeting Title
    • Date (MM/DD/YYYY)
    • Time
    • One of the Three Dropdowns
    • Upload File
  4. This should result in red error messages
  5. Try to create a meeting with one (or more) invalid fields, this should make an error alert

Notes

  • Error handling was implemented mainly through handleBlur functions that served to detect when the user clicked and unclicked an element.
  • Added error reporting to each form component through onChange and onErrorChange callbacks
  • Centralized error tracking in the parent component with a formErrors state object
  • Added validation in the meeting creation function to check all error states before submission
  • Added checks to prevent meeting creation when form errors exist or required fields are empty

Images

Screenshot 2025-03-24 at 2 18 27 AM Screenshot 2025-03-24 at 2 18 38 AM

Closes #105

Tanya Aravind added 7 commits March 23, 2025 21:24
- edited styling to add error message styling
- edited to handle error after blurring
- followed formatting for Datepicker
- used styling from datepicker
- added ability to focus and unfocus on dropdown menu
- when use click to upload and does not upload -> error
- when user adds a file then removes it -> error
has clicked and unclicked without inputting time
@vercel

vercel Bot commented Mar 24, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ithaca-recovery ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 24, 2025 6:19am

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 (Frontend)

1 participant