This web application takes user input and validate them for a conference exam
User are expected to:
- fill in the required basic info, such as name and email address
- pick an activities they want to attend
- fill in their credit card information
- click submit
This web app also provide a real-time error message to inform user if anything unexpected happened during registration process
Other non-required field in the form include:
- job roles, where user can pick their roles according to the provided selections of option
- T-Shirt info, if they are interested in getting a free t-shirt from the conference.
These fields support a real-time validator:
- Name
- activities box
- credit card number
- zip code
- cvv
Fields that support conditional real-time validator
- Credit Card Number
- The credit card number will display different message if user typed in a number below 13 or above 16 characters.