U
usman (shani
Guest
Objective
This assignment has been designed to give students a hands-on experience of:
?Developing HTML page
?Validation of web page using JavaScript
Assignment
It is required to build a web page using interactive form with the following specifications as shown in the diagram:
Here are the details:
?The page background is Grey.
?First line is written in H3 tag.
?Then there is a table with border size = 6 and it is center aligned.
?The VU_ID field should not allow entering more than 11 characters.
?You have to provide your City name as the default value in City field.
?Now if “Reset All” button is clicked, all the fields must be reset to their default values.
?If “Verify” button is pressed, it should check the following things:
a.If the text entered in VU_ID field is not your VU_ID, then it must display a message.
b.If Name and City fields are empty, then it must display a message.
?After displaying the message, focus must be given to that field where the required information is missing.
?You have to make a function to perform all these verifications (discussed in point ‘a’ and ‘b’ above) and then simply call this function when Verify button is clicked.
?Once all the required information is verified, it must open VU home page (http://www.vu.edu.pk) in new window
Note: You are required to submit the HTML file (with .html extension) for this assignment. No other file will be accepted.
Demonstration:
For example my VU_ID is BC080400001, so I will build the web page like this:
If I enter anything in the VU_ID field except my VU_ID (BC080400001 or bc080400001), and click Verify button, it must display a message, like this (after displaying this message, focus must be returned to the VU_ID field):
If I don’t enter anything in Name field and click Verify button, then it must display this message (after displaying this message, focus must be returned to the Name field):
Same is the case with the City field.
Once all the required information is verified, it must open VU home page (http://www.vu.edu.pk) in new window, like this:
Additional information:
For security reasons, some browsers display an information bar, if you try to open the web page in which you have used JavaScript.
Simply click on this information bar and select Allow Blocked Content...
Then Click “Yes” button to confirm.
This assignment has been designed to give students a hands-on experience of:
?Developing HTML page
?Validation of web page using JavaScript
Assignment
It is required to build a web page using interactive form with the following specifications as shown in the diagram:
Here are the details:
?The page background is Grey.
?First line is written in H3 tag.
?Then there is a table with border size = 6 and it is center aligned.
?The VU_ID field should not allow entering more than 11 characters.
?You have to provide your City name as the default value in City field.
?Now if “Reset All” button is clicked, all the fields must be reset to their default values.
?If “Verify” button is pressed, it should check the following things:
a.If the text entered in VU_ID field is not your VU_ID, then it must display a message.
b.If Name and City fields are empty, then it must display a message.
?After displaying the message, focus must be given to that field where the required information is missing.
?You have to make a function to perform all these verifications (discussed in point ‘a’ and ‘b’ above) and then simply call this function when Verify button is clicked.
?Once all the required information is verified, it must open VU home page (http://www.vu.edu.pk) in new window
Note: You are required to submit the HTML file (with .html extension) for this assignment. No other file will be accepted.
Demonstration:
For example my VU_ID is BC080400001, so I will build the web page like this:
If I enter anything in the VU_ID field except my VU_ID (BC080400001 or bc080400001), and click Verify button, it must display a message, like this (after displaying this message, focus must be returned to the VU_ID field):
If I don’t enter anything in Name field and click Verify button, then it must display this message (after displaying this message, focus must be returned to the Name field):
Same is the case with the City field.
Once all the required information is verified, it must open VU home page (http://www.vu.edu.pk) in new window, like this:
Additional information:
For security reasons, some browsers display an information bar, if you try to open the web page in which you have used JavaScript.
Simply click on this information bar and select Allow Blocked Content...
Then Click “Yes” button to confirm.