OpenCodeChicago / Midwest-Pumpkins

Midwest Pumpkins is an open-source project developed by the OpenCode Chicago community. Built with Vite, HTML, CSS, and JavaScript, this project aims to support a local organization while participating in Hacktoberfest 2024. We welcome contributions from the community to help us make a difference!
https://midwestpumpkins.netlify.app
MIT License
18 stars 36 forks source link

Add form validation to reviews modal. Update html/css for error messa… #147

Closed a-woodworth closed 2 weeks ago

a-woodworth commented 2 weeks ago

…ges.

@Alexandrbig1 Added some form validation to the reviews modal.

Labels: Hacktoberfest2024

Alexandrbig1 commented 2 weeks ago

@a-woodworth now when you fill up name, email and phone number, but leave empty message field, and click sent, nothing is happening, need to add message and borders, same as you added for name, email and phone number as it;s fields is required to the message field.

a-woodworth commented 2 weeks ago

@Alexandrbig1 Not sure if I will have time to work on this today but will see what I can do. I just checked the live version and see the errors show up, but you need to click in to each of the fields. It looks like I need to add a check to circle back and check form for all empty fields so they light up with the error outline if left blank. It does work in the sense that you can't submit the review with fields blank but needs more visual help to direct focus to these blank fields.