Fictional product registration form with custom JavaScript validation.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Product Registration Form

Vanilla JavaScript client side form validation using the Constraint Validation API. Native HTML5 validation fallback provides acceptable validation if JavaScript is unavailable.

Built with modern technology for modern browsers.

See it live on CodePen:

Functionality Details:

  • All form fields are required except Photo Upload
  • Detailed error messages describing what was done wrong
  • Success message upon valid submit
  • Telephone field validity depends on country selected
  • Extra options are displayed if Model Z is selected
  • Date validity depends on model release date