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.