Skip to content

Add Form Validation to "Send Us Message" Form on Landing Page #188

@shreyashap

Description

@shreyashap

📝 Description:

The "Send Us Message" form on the landing page currently has no client-side validation.

We need to implement input validation to improve user experience and ensure only valid data is submitted to the backend.


✅ Acceptance Criteria:

  • Show relevant error messages when:
    • Full Name is empty
    • Email is empty or not in correct format
    • Phone is empty or invalid
    • Message is empty
  • Prevent form submission if there are validation errors
  • Clear specific field error as soon as the user starts correcting that field

📍 Location:

components/Contact/form.tsx (Used on the Landing Page)


✅ Are you willing to work on this

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions