Implement Client-Side Validation of Phone Number and Email

[entrotech]

Overview

On the OrganizationEdit page (StakeholderEdit.js component), the email and phone number fields are currently free-form text entry. Both should have client-side validation that the field complies with a standard format:

• email should have a @ character in it somewhere and a "." later in the string. I think spaces are generally not allowed.
• phone number should be in the format (999) 999-9999 with a possble extension and/or comment (typically something like "Ask for Susan". We really should have a way to enter multliple phone numbers, but this isn't supported by the database yet.

Epic Issue

996 Ideate a self-service system for pantries to verify/update their own info

Dependent Issues

376 Implement Organization Audit UI

379 Improve Client-Side Validation of Hours

Action Items

Resources/Instructions

[MuthamilselvanG]

@junjun107 Please provide update

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."

• remember to add links to the top of the issue if they are going to be needed again

[junjun107]

@MuthamilselvanG

1. & 2. Been trying different to find the best way of implement this, haven't decide on a good solution yet.
2. 30 min - 1 hour this week
3. End of the week 11/10