[Enhancement] Add validation to posting page to prevent empty submissions #403
Description
Description
Currently, the posting page allows form submission even when no inputs are given, relying only on default browser or Bootstrap validations. This results in minimal and generic feedback such as "Please fill out this field."
To enhance user experience and ensure better data quality, implement custom client-side validations that:
- Prevent submission if required fields are empty.
- Provide clear, user-friendly error messages below each invalid input.
- Show only one validation error at a time to help users focus on fixing issues.
- Validate formats where applicable (e.g., URLs, emails).
- Style error messages with accessible and visible colors.
This will reduce submission errors and make error correction clearer for users.
Video
Screen.Recording.2025-09-08.223536.mp4
Assignees
Assign under GSSOC '25