Assignment 4 – Browser Objects – Interacting With Forms and Working With jQuery
Task 1 – Create HTML form structure (1 points)
Task 2 – Use form valdiation to ensure fields are filled out (4 points)
Task 3 – Display alerts to display information when co
ectly filled out (1 points)
Task 4 – Use a jQuery event method (2 points)
Task 1
Create an HTML form that displays like the following image:
Task 2
Using form validation techniques, check to ensure that each form field is filled out and not left blank for the personal information section. For the laptop components section, ensure that one of the checkboxes is selected.
If one of the previously mentioned requirements is not completed and the user attempts to submit the form, have an alert display that states “Please complete all of the form”.
Task 3
Once all fields are filled out and the form is submitted, use the alert feature to display all of the form information. Please review the following image for a visual representation of what your completed assignment should look and function like:
Task 4
Use a jQuery Event method of your choice to make an action occur when a user performs a specific action on the webpage.
1