cityofaustin / cityofaustin/prototypeform
Add validation
- Dominant language
- HTML
- Stars
- 0
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
- Most fields are required unless they have an optional field
- "let us know" fields & Add explanation textareas are optional.
- [ ] If a user skips a required field, show invalid message and coloring on field ([see VA example](https://www.vets.gov/education/apply-for-education-benefits/application))
- [ ] If a user clicks next and no choice has been selected within a radio set, show error & refocus to field
Fields to validate:
- [ ] email address
- [ ] phone number (also autoformat the phone number to include dashes)
- [ ] BONUS: autofill address (Google Maps API?) (@juliazbyron: research examples of good address autofilling)
- [ ] zip, make sure it has 5 numbers or 9 (with dash?)
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the validation checklist in this issue and review the linked VA example for the expected invalid styling and focus behavior. Confirm how required fields, radio sets, email, phone, and ZIP inputs should behave, including phone formatting; the optional Google Maps address autofill is separately marked as a bonus. Done means all listed validation cases work and optional fields remain optional.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100