HTML GYM Membership Form

You need to create a form using Java Script like the one in the attached picture and validate the form using Java Script. Body should be empty, everything should be dynamically created using createElement, appendChild... functions. Before a user is allowed to submit his/her form, your form validation should do the followings:

If all the fields are NOT filled in, then, alert box need to be popped up and not allowing him/her submit the form.

If the zip code contains letters or more/less than 5 digits, then, alert box need to be popped up and not allowing him/her submit the form.

If the credit card number is more/less then 16 digits, alert box need to be popped up and not allowing him/her submit the form.

If the email address doesn't have "@" character, alert box need to be popped up and not allowing him/her submit the form.

If the phone number contains characters, instead of numbers, alert box need to be popped up and not allowing him/her submit the form.

The result of the Form should similar to this image:

CST2309 GYM Membership Member Information First Name: Last Name: Phone Number: Email Address: "Address: State: "Zip: AL v City: Billing Information Billing Information is the same as Member Information. "Card Number: Expiration Date: Month Year Review and Confirm