Html code for student registration form with validation

The purpose of this assignment is to figure out the designing and development of HTML forms with CSS and interaction between users and forms by using the Javascript script language. Below Student Registration Form views some form inputs entered by users and shows in the form as a response. Resources: All posted class documents and lab practices will help to complete this assignment. Student Registration Form County CH Course Selected Cow I. 1. Design an HTML Form with fields in terms of First Name, Last Name, Email, Email Confirmation Country, City. Course List and Selected Course List
2. Use CSS to give an appropriate style and structure on the form. Different formstyle might be used 3. Add to countries into the country list. 4. Once the form has been called the city list will be disabled as default. Aher any country has been selected from the country list the city list will be filed in with 4 dies in the country and will be enabled. 5. Add 5 courses into the course list 6. Once the Add Course Buttons clicked, the selected course will be added to the selected course it. If the selected course added previously, will not be added to the selected course list again 7. Once the Remove Course Button is clicked the selected course will be removed from the selected course list. 8. Once the Register Button has been clicked: a all fields will be checked whether all of them filed and selected. It is required to fill out all fields. For any missing information, the user will be informed to complete the fields on the message field that is below the student registration form title. The message will be To complete the registration, please fill outal fields. Student Registration Form Please fill in this form to register a student b. the email will be confirmed in comparison to the Email Confirmation Field. It will validate whether the email has been entered correctly. It has not been entered correctly, the user will be informed with an appropriate message c. If all fields have been filled out and validated, entered for information in terms of First Name, Last Name, Email, Country City, and Selected Courses will be viewed on the "Registered Student Information part that is placed below the registration form. Registered Student information
The project submission Instructions: 1. Create a folder with a name as CourseName-Section-AS3-GroupName, and add the project files into the folder. For example, "IN2105-G2-AS3-Group1". 2. Create an MS word document that presents each webpage content capturing the screenshots. 3. Compress the folder using any compression app to make it a .zip file. 4. Upload the file on the assigned work on your google classroom account. 5. Each project will be submitted by one of the group members. 6. In Week 12, on August 5th, it will be demonstrated in the-live class with all of the group members. The purpose of this assignment is to figure out the designing and development of HTML forms with CSS and interaction between users and forms by using the Javascript script language. Below Student Registration Form views some form inputs entered by users and shows in the form as a response. Resources: All posted class documents and lab practices will help to complete this assignment.
Student Registration Form Please fill in this form to register a student. First Name Enter First Name Last Name Last Name Email Enter Email Email Confirmation Enter Email Agan Country Canada City Clase List IN4105-01 Add Course Selected Course List IN4105-61 IN2105-62 NET4105-01 SYS5210-03 Remove Course Registered Student Information 1. Design an HTML Form with fields in terms of First Name, Last Name, Email, Email Confirmation, Country, City, Course List, and Selected Course List.
2. Use CSS to give an appropriate style and structure on the form. Different form style might be used 3. Add two countries into the country list. 4. Once the form has been called the city list will be disabled as default. After any country has been selected from the country list, the city list will be filled in with 4 cities in the country and will be enabled. 5. Add 5 courses into the course list. 6. Once the Add Course Button is clicked, the selected course will be added to the selected course list. If the selected course added previously, will not be added to the selected course list again. 7. Once the Remove Course Button is clicked, the selected course will be removed from the selected course list. 8. Once the Register Button has been clicked: all fields will be checked whether all of them filled and selected. It is requires fill out all fields. For any missing information, the user will be informed to complete the fields on the message field that is below the student registration form title. The message will be "To complete the registration, please fill out all fields." Student Registration Form Please fill in this form to register a student. b. the email will be confirmed in comparison to the Email Confirmation Field. It will validate whether the email has been entered correctly. If it has not been entered correctly, the user will be informed with an appropriate message. C. If all fields have been filled out and validated, entered form information in terms of First Name, Last Name, Email, Country, City, and Selected Courses will be viewed on the "Registered Student Information part that is placed below the registration form.