Semester 1, 2020 Week5 TUTORIAL 4 (WEEK 5) ** Important Information** Each tutorial work will be checked at tutorial in the following week ACTIVITIES JQUERY In this tutorial, we are going to practice how to use jQuery to manipulate HTML DOM. As we learnt from the lecture and self-study, we can manipulate HTML using jQuery. Now, it is time to practice and test our knowledge. BASIC JQUERY EXERCISE You are required to create a code to practice the basic DOM manipulation with jQuery. Please download file from MyLO (tute04_exercise.html). The result should be exactly same as demo video (Please watch demo video – tute04_exercise_demo). • tute04_exercise.html • Expected outcome Semester 1, 2020 Week5 EVENT EXERCISE You are required to create a code to make dynamic web page using jQuery Event. Please download file from MyLO (tute04_event.html). The result should be same as demo video (Please watch demo video – tute04_event_demo). • tute04_event.html • Expected outcome Semester 1, 2020 Week5 FORM VALIDATION We created a registration form in Tutorial 01. During the first tutorial, we create a validation using HTML ONLY. You can use the form you created in the first tutorial, or if you want you can make new form for this tutorial. But in this tutorial, change your validation code from HTML to jQuery. The result should be similar to the demo video (Please watch demo video – tute04_form_demo). The validation checks whether: • Name field is empty • Password field is empty • Password needs to be at least 6 characters long and contains minimum 1 Uppercase, 1 Lowercase, and 1 number. • Password (confirm) field is empty • Password and password (confirm) is same • Email should be in email format • Checkbox (Agree terms and conditions) is checked.
