/interactive-form-v3

Registration form with accessible frontend validation ✅

Primary LanguageCSSMIT LicenseMIT

Interactive Form

Links:

To test:

  • Clone project to your box
  • Open index.html in your favorite browser

EXTRA CREDIT FEATURES

I have implemented the following extra features:

  • Prevent users from registering for conflicting activities
  • Conditional error message on EMAIL field
    • If user leaves email field blank, the error messsage asks the user to enter an email address
    • However if user enters improperly formatted email address the error message asks them to format it correctly
  • Real-time error message on NAME field and ACTVITIES selector
    • The NAME field will automatically show a green checkmark as soon as it is valid
    • The ACTIVITES section will automatically show a green checkmark as soon as it is valid if it was invalid