Issue Description
Currently, submitting a blog on the blog page does not have error handling. All required fields must be completed before submitting the form.
The form only gets submitted when all fields are valid.
If there is a failure with any of the required fields being left empty or an invalid image URL, the user does not receive any validation error on why their submission failed.
This occurs in the following scenarios:
- There is one or more required fields not completed
- The image URL is not valid
If any of the above occur and you click on the Submit button, the form will not be submitted, and there are NO error messages displayed. This is frustrating for users because they will not know why the submission failed.
Expected Behavior
The expected behavior is for users to receive validation messages that indicate:
- The fields they need to complete
- That the image URL is invalid
- What needs to be changed for them to be able to successfully submit
Actual Behavior
As of now, the form only submits when all fields are valid.
When any validation fails, the form does not submit, and users receive no error message.
This will also degrade the user experience since it could make it feel as if the form is broken or non-responsive.
Additional Info
When the form fails to submit (due to missing fields or an invalid image URL), the browser console shows the following error:
400 (Bad Request)
Issue Description
Currently, submitting a blog on the blog page does not have error handling. All required fields must be completed before submitting the form.
The form only gets submitted when all fields are valid.
If there is a failure with any of the required fields being left empty or an invalid image URL, the user does not receive any validation error on why their submission failed.
This occurs in the following scenarios:
If any of the above occur and you click on the Submit button, the form will not be submitted, and there are NO error messages displayed. This is frustrating for users because they will not know why the submission failed.
Expected Behavior
The expected behavior is for users to receive validation messages that indicate:
Actual Behavior
As of now, the form only submits when all fields are valid.
When any validation fails, the form does not submit, and users receive no error message.
This will also degrade the user experience since it could make it feel as if the form is broken or non-responsive.
Additional Info
When the form fails to submit (due to missing fields or an invalid image URL), the browser console shows the following error:
400 (Bad Request)