ASSIGNMENT NO 3
SPRING 2013
LAST DATE: 16-05-2013
Rules for Marking
It should be clear that your assignment will not get any credit if:
1. The assignment is submitted after due date.
2. The assignment is copied.
Objectives
The objectives of this assignment are:
1. Giving the idea of client side scripting language i.e. JavaScript.
2. To become familiar with the HTML Forms for taking user inputs.
3. To enhance skills regarding Web page designing using CSS.
Scenario
The HR department of XYZ firm wants to change their manual recruiting policy. Currently, they are handling all online applications manually and want to provide superior human resource solutions by providing an online application form.
You are required to create this online application for this department. The candidates may enter and submit their personal information using these forms. The forms should look like this:
Figure 1: Online Application Form
Figure 2: Validation for Empty Field
Suppose the candidate enters the above information and presses the ‘Submit’ button.
The following form displayed with the information entered in the last form.
Figure 3: Confirmation Form
For example, the candidate mistakenly enters the wrong CNIC no. Then he / she can correct it by pressing the ‘Edit’ button and this will take you in the previous form for editing. See the screenshot blow:
Figure 4: Editable Form
You have to fulfill these requirements.
· Background colors should be applied using CSS, Main heading style is also applied through CSS.
You have to validate following fields in first form.
· No field should be empty at submitting time.
· You have to implement validation like used in Figure 2 for Empty Name Field. The validations should be for Name, Email and CNIC.
· First name, last name, nationality should only contains characters.
· Email should be in proper format.
· Phone no. should contain only numbers not more than 11.
· CNIC should contain only numbers and not more than 13