A Simple form application with the following fields and validations:
- Name - Text field: Required, max length = 100 characters
- Mobile Number - Text field: Required, length = 10 characters, valid mobile number, (only numbers allowed)
- Gender - Radio button: Required
- Hobbies - Checkbox (Optional)
- Languages - Select: multi select
- Date of birth - Three dependent select fields for year, month and date (the month and date should be disabled until the year is selected, the date should be disabled until the year and month are selected)
- Organization (Places API autocomplete)
Integrate a google places api autocomplete field in the form.
print all values in console on clicking the submit button.
Tools/Libraries Used:
React.js, Next.js