Submission Details:
In this lab, you are required to submit list.html & order.html to Canvas by the following deadline. Submission deadline: by 23:59 on 6 April 2020 (Monday)
Objectives:
Familiar with HTML Form validation.
PART A: HTML Form validation with JavaScript
In this part, you are going to develop a simple Book Purchasing System with client-side validation features.
1. Download the Lab09Files.zip and extract all files. Open the list.html file.
2. Attach a JavaScript function to the Calculate Order button, which will display the total for the selected items on a dialog box.
1
3. Attach a JavaScript function to the All Buy One button. If the button is clicked, all items will be checked with the quantities set to 1.
4. Open theorder.htmlfile from theLab09Files.zip.
5. With Regular Expression, try to validate the input fields of Order Form with following criteria:
a) the user name must be entered and contains at least two words;
b) the HKID should be valid;
c) the E-mail address, if added, should be valid;
d) the credit card number must contain 16 digits;
e) the expiratory date must in the format MM/YY.
2