PrithWe is a platform dedicated to helping individuals and businesses calculate and reduce their carbon footprint. We provide tools and resources to promote sustainability and environmental consciousness in everyday practices.
When a user attempts to sign up without entering any data in the input fields, the form does not provide appropriate feedback to indicate that the fields are required. Instead of prompting the user to fill out the required fields, it displays an error message stating "Name must contain only alphabets," which is confusing and does not accurately reflect the issue. This behavior can lead to user frustration and difficulty in understanding the validation requirements.
Expected Behavior:
Upon clicking the sign-up button without entering any data in the input fields, the form should display a clear indication that the fields are required and prompt the user to fill them out before submission. This feedback ensures a better user experience by guiding users to provide the necessary information for successful form submission.
Steps to Reproduce:
Visit the sign-up page.
Do not enter any data in the input fields.
Click the sign-up button.
Current Behavior:
The form displays an error message "Name must contain only alphabets" when the user attempts to sign up without entering any data.
There is no indication that the input fields are required.
Proposed Solution:
Implement form validation that provides clear feedback to users when they attempt to submit the form without filling out the required fields. This feedback should include highlighting the required fields and displaying a message prompting the user to complete them before proceeding with the sign-up process.
Take a look it will take only 5 seconds
Solution Status:
I already resolved this issue locally and the form now provides appropriate validation feedback when attempting to submit without filling out the required fields.
Issue Description:
When a user attempts to sign up without entering any data in the input fields, the form does not provide appropriate feedback to indicate that the fields are required. Instead of prompting the user to fill out the required fields, it displays an error message stating "Name must contain only alphabets," which is confusing and does not accurately reflect the issue. This behavior can lead to user frustration and difficulty in understanding the validation requirements.
Expected Behavior:
Upon clicking the sign-up button without entering any data in the input fields, the form should display a clear indication that the fields are required and prompt the user to fill them out before submission. This feedback ensures a better user experience by guiding users to provide the necessary information for successful form submission.
Steps to Reproduce:
Current Behavior:
Proposed Solution:
Implement form validation that provides clear feedback to users when they attempt to submit the form without filling out the required fields. This feedback should include highlighting the required fields and displaying a message prompting the user to complete them before proceeding with the sign-up process.
Take a look it will take only 5 seconds
Solution Status:
I already resolved this issue locally and the form now provides appropriate validation feedback when attempting to submit without filling out the required fields.
Before
After