Two text fields, one for giving the e-mail address, and the second for a PIN code
The contents of both the fields should be validated: the first one should contain a valid e-mail address, the second should be a 4-digit number, and should be masked with **** while typing in; there is no further validation of the PIN code
After the page is submitted, we are redirected to the page 2
Page 2:
A label with the given e-mail address
A prompt label
Two drop down lists:
The first list contains the names of the four car makes (Daewoo, Ford, Opel and Renault). It should be initialised with the "--Select car make--" prompt
The second list contains the names of the car models; This should be updated according to the selected car make in the first list. It should be initialised with the "--Select car model--" prompt, which should appear each time the car make list is being changed. It should be invisible, when the car make is not selected
An image field containing a picture of the selected car; use the car images contained in the zip file here; you can also take the car models names from there
A label showing the car make and a model name, and the price, which should be adequate to the combo selection (the prices are arbitrary, but should not change for each car model)
An "Order" button, which redirects to the page 3
the image, price label, and button become visible only when the car model selection is made
Page 3:
A label with the given e-mail address
A label with the description of a selected car
A prompt label
The input box for the number of ordered items of the chosen car
The box should be validated for containing the numbers only
The box should appear as a part of a table, which should look like:
Previous orders:
15000 USD
number of items
price of an item
price of ordered items
[3](input box)
4000 USD
12000 USD
Total:
27000 USD
The "price of an item" is the price of the car model selected on the page 2, the "previous orders" should be set to 0 USD on the first time page 3 is loaded)
The "Update price sheet" button
The contents of the table should update when the button is pushed, according to the number of items input box
Two buttons: "Continue" and "Submit"
The "Continue" button redirects to the page 2 which enable to continue an order. The value of a "Total" field from the table should be stored, and appear in the "Previous orders:" field next time page 3 is loaded
The "Submit" button redirects to the page 1, enabling a new the user to submit his order (remember to clear all the stored info)
Technical requirements:
Use the FlowLayout for the appropriate page display
Hints:
RegularExpressionValidator for validating the player names
use <img src="file_name"> for displaying the images
Approximate points:
pages layout: 3.0
page 1 validation and submission: 2.0
page 2 use of dropdown boxes, image changes and submission: 2.5
page 3 price sheet display, validation and submission: 2.5