Question
Create a HTML page with a form that will have the following required fields: -First Name (text box), Last Name (text box), Address (text box),
Create a HTML page with a form that will have the following required fields:
-First Name (text box), Last Name (text box), Address (text box), City (text box), State (drop down), Phone (text box), Email Address (text box), Submit button. On submit validate that all required fields are filled correctly: First Name, Last Name and City will have to accept only letters a-z or A-Z, the Address field will accept letters and numbers and the following characters ".", " ", "#". Phone number field will accept up to 15 characters that will be only numbers and the following characters "(", ")", "-". The email address will accept letters and numbers and look for "@" and "." characters that must appear in order to validate the email address. After submission if all fields were filled correctly display all the submitted data below your Submit button in text format. You can use JavaScript, JQuery, etc. or any other JavaScript Libraries and Plug-ins to validate your form
STUDENT REGISTRATION FORM FIRST NAME (max 30 characters a-z and A-Z LAST NAME (max 30 characters a-z and A-Z) DATE OF BIRTH Day: Month: Year: (or use a JavaScript Calendar pop-up) EMAIL (valid email address) USER NAME (minimum 5 characters [a-z, A-Z,0-1] PASSWORD (minimum 8 characters and must be at least 1 character [a-z],[A-Z],[0-9], and at least one special character[-@.#.$.%.&*+,!.>>..?!] CONFIRM PASSWORD MOBILE NUMBER (10 digit number - Allow numbers [0-9], dashes, spaces, parenthesis and first digit cannot be 0) GENDER Male Female ADDRESS (max 75 characters a-z and A-Z, numbers 0-9, and '#, ...) CITY (max 30 characters a-z and A-Z) PIN CODE (6 digit number) STATE (max 30 characters a-z and A-Z COUNTRY (max 30 characters a-z and A-Z HOBBIES Singing Dancing Sketching Drawing Others Submit Reset
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started