Scribd
Upload
42 views

Javascript: Case Study To Be Used For Lecture Sessions

Uploaded by

SettiNagaraju
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
42 views

Javascript: Case Study To Be Used For Lecture Sessions

Uploaded by

SettiNagaraju
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

JavaScript

Case Study to be used for


Lecture Sessions

© 2007, Cognizant Technology Solutions. All Rights Reserved.


The information contained herein is subject to change without notice.
C3: Protected
About the Author

Created By: Anil Kumar GV (118497)

Credential Sun Certified Java Programmer


Information:

Version and JSCRIPT/PPT/0108/1.0


Date:

2
Icons Used

Hands on 
Questions Tools Exercise

Coding  Test Your 
Reference
Standards Understanding

A Welcome 
Try it Out Contacts
Break

3
Case Study Overview

ƒ Introduction:
This case study is about the design of an online
application form for a Credit Card.
It applies the concepts of Java Script for Client Side
Validation. It also covers the usage of DOM Model and
Event Handling mechanism of Java Script.

4
Case Study – Credit Card Registration
Form
ƒ User will get a form to register for once, as he
log on to the Credit Card Portal for Registration.
ƒ Registration Form will have the following details
to be filled by the User:
» First Name
» Last Name
» Address
» Email id
» City
» State
» Phone number

5
Case Study – Credit Card Registration
Form (Contd.)
ƒ Form has a submit button to submit the details.
ƒ After submit the details the following validations
have to done before sending data to the server.

6
Case Study – Credit Card Registration
Form (Contd.)
1. First Name or Last Name: It should contain
only letters, special symbols, and numbers are
not allowed. When user enters any special symbol
or a number, user should immediately get an
alert message "special chars and numbers are not
allowed". The maximum length of the name in
each of these fields should not exceed 25 chars.

7
Case Study – Credit Card Registration
Form (Contd.)
2. Address: Maximum number of chars allowed
should be 50 chars.
3. Email id: It should be of the format
[email protected]
4. City and State: State and cities are two
dropdown list boxes, when user selects the state
the city drop down should get updated as respect
to state.
5. Phone number: Should contain only numbers
and the maximum length is 11.
Case Study – Credit Card Registration
Form (Contd.)
6. "Thank you for submitting your information, we
will get back to you shortly“. Finally provide a
submit button on the page. When the button
is clicked, there should be a layer that pops up
and it contains the following message.

7. The remaining page should get disabled and


only this layer should get highlighted.
Tasks
ƒ Design Application Form using HTML Tags.
ƒ Display current Date on the Form.
ƒ Provide a Clock on the Form.
ƒ Provide a Calendars Component to select date on
the Form.
ƒ Using Message Boxes to convey information while
user fills in the form.
ƒ Write Event Handling functions for all form
Validations.
ƒ Sending the Data to Server.
Q&A

ƒ Allow time for questions from participants

11
Source

ƒ W3Schools.com

Disclaimer: Parts of the content of this course is based on the materials available from the Web sites and
books listed above. The materials that can be accessed from linked sites are not maintained by
Cognizant Academy and we are not responsible for the contents thereof. All trademarks, service marks,
and trade names in this course are the marks of the respective owner(s).

12
You have completed the
Case Study for Lecture
Session of JavaScript.

© 2007, Cognizant Technology Solutions. All Rights Reserved.


The information contained herein is subject to change without notice.

You might also like