The "Contact Us" form currently lacks validation for both email and phone number fields. Users are not provided with real-time feedback when entering these details, which may result in submission errors if the input is incorrectly formatted.
Expected Outcomes:
Email and Phone Number Validation: The form should validate the email and phone number inputs to ensure they meet standard formatting requirements (e.g., email in the form name@domain.com and phone number in a valid international or local format).
Real-Time Feedback: Users should receive real-time validation feedback while typing, indicating whether the email or phone number format is valid or invalid.
Error Handling: If the format is incorrect, an error message should appear, prompting the user to correct the input before submitting the form.
Acceptance Criteria:
Implement real-time validation for both email and phone number fields in the "Contact Us" form.
Provide immediate feedback to users while they type (e.g., error message or input field highlighting) for both fields.
Prevent form submission if either the email or phone number is incorrectly formatted.
Test the validation functionality across different browsers and devices to ensure consistent behavior.
AfubeAngel
commented
2 months ago
Description:
The "Contact Us" form currently lacks validation for both email and phone number fields. Users are not provided with real-time feedback when entering these details, which may result in submission errors if the input is incorrectly formatted.
Expected Outcomes:
name@domain.comand phone number in a valid international or local format).Acceptance Criteria:
link; https://kimiko-csharp.teams.hng.tech/contact-us video; https://www.awesomescreenshot.com/video/30684543?key=72772ea9799c68c7349fe488c230834d