The contact form does not have proper constraints for some fields like name and message. I can submit the form even with a single character in the name and message fields which is not valid data.
Solution
I want to implement constraints for other fields as well, like for
Name: Min 6 characters long
Message: min 10 words and max 100 words long etc.
Also, I want to implement real-time validations for these fields. Real-time validation exists only in the email and phone field and that is also not implemented properly because the error message even appears when the user enters valid data. The message disappears only when the user clicks somewhere else. The message should disappear as soon as the input receives valid data. I want to implement functionality similar to the below video:
Problem
The contact form does not have proper constraints for some fields like name and message. I can submit the form even with a single character in the name and message fields which is not valid data.
Solution
I want to implement constraints for other fields as well, like for Name: Min 6 characters long Message: min 10 words and max 100 words long etc.
Also, I want to implement real-time validations for these fields. Real-time validation exists only in the email and phone field and that is also not implemented properly because the error message even appears when the user enters valid data. The message disappears only when the user clicks somewhere else. The message should disappear as soon as the input receives valid data. I want to implement functionality similar to the below video:
https://github.com/rohansx/informatician/assets/86224794/1b9e87d8-15bd-4700-807d-7ca1a9f2d825
I will make the validation code reusable so that it can be used in other forms as well.
Request
If you find this issue worth implementing then please assign me this under gssoc'23 label. Thank you