Project to showcase form interactivity and validations using plain JavaScript.
This form shows real-time validation on fields marked as required. Feedback is triggered by the 'change' event.
When validation is successful user feedback is displayed in the form of green check-mark icon.
When validation fails user feedback is displayed in the form of red borders, a red "!" icon, and a conditional validation fail message.
If validation fails because a required field is left blank a 'Field cannot be blank' message will appear. Otherwise a custom message with more detailed information regarding the expected input will appear.
- JavaScript
- HTML
- CSS