Improve Input Validation and User-Friendly Error Messages on All Forms

[kumudasrip]

Description
Many forms in RestroHub (such as Login, Registration, and Order forms) currently lack comprehensive client-side validation and do not display clear, user-friendly error messages. This can lead to user confusion, submission of invalid data, and a poor overall experience.

Steps to Reproduce

1. Open any user-facing form (e.g., Login, Registration, Order).
2. Leave required fields empty or enter invalid data (e.g., wrong email format, weak password).
3. Attempt to submit the form.

Expected Behavior

1. The form should validate all required fields and input formats before submission.
2. Clear, accessible error messages should be displayed next to each invalid field.
3. Invalid fields should be visually highlighted (e.g., red border).
4. Success messages or feedback should be shown after successful submission.

Actual Behavior

1. Forms can be submitted with missing or invalid data.
2. Error messages are missing, unclear, or not user-friendly.
3. Users do not receive clear feedback on what needs to be corrected.

Possible Impact

1. Users may submit incomplete or incorrect information.
2. Increased frustration and drop-off rates.
3. Reduced reliability and professionalism of the platform.

Suggested Fix

1. Implement comprehensive client-side validation for all forms.
2. Display clear, accessible error messages for each invalid field.
3. Add visual cues for invalid fields and success feedback after submission.
4. Ensure all validation and error handling follows accessibility best practices.

Additional Notes
This issue affects user experience and data integrity. Resolving it will improve usability, accessibility, and trust in the platform.
I would like to work on this issue under GSSoC 2026. Please assign it to me.

[kumudasrip]

Hi @rdodiya , I would like to work on this issue.
Could you please assign it to me?
Thanks!

[ARYAN-MISHRA-2006]

Hi @rdodiya,

I’m Aryan and I would like to work on this issue under GSSoC'26.

I can improve the form validation system by adding proper client-side validation, user-friendly error messages, visual feedback for invalid fields, and success/error notifications to improve the overall user experience and accessibility.

Please assign this issue to me if possible. Thank you!

[rdodiya]

Hi @kumudasrip ,
Please validate all the input fields including forms fields. If possible also integrate form with backend api.
Thanks

[rdodiya]

Hi @kumudasrip ,
Is there any update on this issue?

[kumudasrip]

Hi @kumudasrip , Is there any update on this issue?

I was working on this, but when i tried to raise the PR it said only contributors are allowed to do and I didn't had the permission...
So I think now I can raise a PR, I'll just check on any merge conflicts and update it accordingly and will raise a PR in a day or two!

[priya-12340]

Hi @rdodiya, I'd like to work on this issue as part of GSSoC '26. Can you please assign it to me?

[Palak-crafts]

@rdodiya i can work on this

[Ankan21ap]

Hi @rdodiya,

I would like to contribute to this issue under GSSoC'26. I noticed that a PR #258 is already linked, but if any additional changes are required or if the PR is inactive, I would be happy to work on improving the form validation system.

I can help with:

• Adding client-side validation for all forms
• Improving error messages and accessibility
• Adding proper frontend-backend API validation handling
• Enhancing user feedback for successful/failed submissions

Please let me know if this issue is available for contribution. Thank you!