Latest Activity In Study Groups

Join Your Study Groups

VU Past Papers, MCQs and More

We non-commercial site working hard since 2009 to facilitate learning Read More. We can't keep up without your support. Donate.

CS202 Assignment No 03 Fall 2020 Solution & Discussion Due Date: 28-01-2021

Assignment No. 03
Semester: Fall 2020

CS202: Fundamentals of Front-End Development

Total Marks: 20

Lectures Covered: 17-30

Due Date: January 28, 2021

 

Instructions:

Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

       The assignment is submitted after due date.

The submitted assignment does not open or file is corrupt.

Assignment is copied (partial or full) from any source (websites, forums, students, etc)

 

Objective:

The objectives of this assignment are:

●       To learn and practice the basic HTML tags.

●       Use of HTML Forms.

●       Application of JavaScript

●       Use of JavaScript Event Methods

 

Note:

●       This assignment is a Graded Assignment.

●       The assignment submitted through email will not be accepted.

●       This assignment is covering Lectures 17-30.

●       For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is: https://vulms.vu.edu.pk/Courses/CS202/Downloads/CS202%20Mid%20Term%...

 

Guidelines:

Code should be properly indented.

You can use any HTML Editor of your choice.          

 

For any query about the assignment, contact at cs202@vu.edu.pk.

Assignment Statement:

 

 

Suppose you are working in an organization as web developer, organization needs to sort their employees on certain characteristics. As web developer you have been asked to develop a FORM for the employees where they could enter their basic data only. You have been given the FORM fields and validation rules by the organization.

 

a) You are required to create a HTML form with the following fields given below          

●       ID (Input Type Text)

●       Password (Input Type Password)

●       Name (Input Type Text)

●       Address (Input Type Text)

●       Country (Drop Down)

●       ZIP Code (Input Type Text)

●       Email (Input Type Text)

●       About (Input Type Textarea)

●       Submit button(Input Type Submit)

 

b) After creating the form successfully, you are required to perform following JavaScript Validation on the mentioned fields.

Validations to be performed:

User Id:

●       Id should not be empty.

●       Length of user id should not be less than 11.

Password:

●       Username should not be empty.

●       Password must be at least 6 characters long.

Name:

●       Username should not be empty

●       Username should be in alphameric characters only.

●       Length of Username should not be less than 11.

Country:

●       At least and only one country should be selected.

Zip Code:

●       Zip Code should not be empty

●       Zip Code should be in Numeric only.

●       Length of Zip Code should not be less than 5.

Email:

●       Email should not be empty

●       Email should be in valid email format. i.e. abc@abc.com

 

Rules to perform Validation:

1)    Use innerHTML and onBlur Event Attribute.

2)    Create Span for each field and error must be placed in “span”.

 

Sample of output is given below.


image

Note:

You must upload .html file only. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks

BEST OF LUCK!

Views: 671

Replies to This Discussion

Share the Assignment Questions & Discuss Here.... 

Stay touched with this discussion, Solution idea will be uploaded as soon as possible in replies here before the due date.

Assalam o alliakum

Sir i need solution of this assignment

kindly send solution

CS202 Assignment No 03 Fall 2020 Solution link

https://drive.google.com/file/d/1Qfhz0ZGrWYjtg3IcIi2oYAw94hTrKd9w/view

CS202 Assignment No 03 Fall 2020 Solution files

CS202 Assignment 3 2021 by Aqib.html

CS202 Assignment 3 Solution 2021

CS202 Assignment No 03 Fall 2020 Solution files

CS202 Assignment 3 2021 by Aqib.html

CS202 Assignment 3 Solution 2021

CS202 Assignment No 03 Fall 2020 Solution & Discussion Due Date: 28-01-2021

#cs202 #cs202assignment #cs202asignmentsolution
CS202 Assignment 3 Solution Fall 2020 - 2021 || Fundamentals of Front End Development||

CS202 Assignment No 03 Fall 2020 Solution link

https://drive.google.com/file/d/1Qfhz0ZGrWYjtg3IcIi2oYAw94hTrKd9w/view

CS202 Assignment No 03 Fall 2020 Solution files

CS202 Assignment 3 2021 by Aqib.html

CS202 Assignment 3 Solution 2021

RSS

Looking For Something? Search Below

Top Trends 

Latest Activity

Project Developer updated their profile
6 minutes ago
Hania Khalid Shariff is now a member of Virtual University of Pakistan
2 hours ago
saba zulfqar and Mr Siren Head are now friends
5 hours ago
Zeeshan Riaz left a comment for Saima
12 hours ago
Profile IconShehzad Ali, Sehar and Saima joined Virtual University of Pakistan
yesterday
Mr Siren Head replied to Mani Siddiqui's discussion مشکل پاسورڈ
Wednesday
Mr Siren Head replied to Mani Siddiqui's discussion مشکل پاسورڈ
Wednesday
+ I A commented on + M.Tariq Malik's page Chit Chat Wall
Wednesday

VIP Member Badge & Others

How to Get This Badge at Your Profile DP

------------------------------------

Management: Admins ::: Moderators

Other Awards Badges List Moderators Group

© 2021   Created by + M.Tariq Malik.   Powered by

Promote Us  |  Report an Issue  |  Privacy Policy  |  Terms of Service