1. Create a cross-browser (works in Firefox and MS IE) input screen that takes in a client’s information for an order:
o Full Name (text field)
o Address (textarea)
o Gender (radio button)
o Date of birth (three dropdown lists – day, month, year)
o “Send me newsletter” (checkbox)
o Hidden total value for order (hidden field)
o “Submit Order” button (button).
2. When the user is done with input, validate using the rules below:
o At least 3 characters required in name
o Must be over 18 years old
o Gender must be selected
3. If validation passes, show the information in an alert box and write ‘Your order has been submitted’. Otherwise, alert the user with the appropriate validation error and set focus on the input field that failed validation.
Do not simply just write the code, give detailed comments on why you did what to support your coding style.