Scribd
Upload
60 views

Assignment:: 1. HTML 5 and Java Script

The document describes an online application form for university registration that includes: 1) Various fields for user information like name, address, email, city, state, phone number, enrolled course, and test marks. Each field has specific validation rules. 2) A submit button that displays a thank you message upon successful form submission. 3) A JavaScript form validation assignment to: - Create a form with textboxes, textarea, dropdown, radio buttons and checkboxes - Add event handlers to validate the form fields before submission - Display any validation errors as a pop-up, new window, or at the top of the current page

Uploaded by

Ruth Abiya
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
60 views

Assignment:: 1. HTML 5 and Java Script

The document describes an online application form for university registration that includes: 1) Various fields for user information like name, address, email, city, state, phone number, enrolled course, and test marks. Each field has specific validation rules. 2) A submit button that displays a thank you message upon successful form submission. 3) A JavaScript form validation assignment to: - Create a form with textboxes, textarea, dropdown, radio buttons and checkboxes - Add event handlers to validate the form fields before submission - Display any validation errors as a pop-up, new window, or at the top of the current page

Uploaded by

Ruth Abiya
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment:

1. HTML 5 and Java script

This case study is about the design of an online application form for a University, which has all
its affiliations spread across various states of India.

User will get a form to register for once, as he logs on to the University 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

University Branch Name

Phone number

Enrolled Course

Date of Test

Written Test Marks

Form has a submit button to submit the details.

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. You can add a picture, char or other content in the right column by clicking the
appropriate button.

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.

Enrolled course: Should be 5 digit alpha numeric course code, there should be a hyperlink, "click
here to select the course" which when clicked will open a window that contains the course name
and the corresponding course code. When the user clicks on any course name, the corresponding
course code should get set in this field.

7. Marks obtained: This will accept only a number which is not less than 50 and not more than
100. Highest acceptable num is 100. If the user enters any other number and clicks the submit
button, there should be a red colored text message displayed exactly after this field with the
following message.

"Enter a valid score between 50 & 100, if your score does not fall in this range, you are not
eligible for enrollment".

8. Finally provide a submit button on the page. When the button is clicked, there should be a
layer that pops up and contains the following message.

"Thank you for submitting your information, University Admission staff will get back to you
shortly"

2. Java script
a. Create a form that includes 2 textboxes (one for name, one for email address), a
Textarea, a dropdown box (<select> tag), a set of radio buttons, and a set of
Checkboxes. Format the form using a table. Use a the GET sub-protocol so you can See
what gets submitted to the server.

b. Add JavaScript event handlers to the form to validate the form before it is Submitted. If
the validation fails, display the problem details:
· as a pop-up box
· by displaying the problems in a new window in red text and having the user use the
back button to go back to the original page
· displaying the problems in the current window at the top of the page in red text
· Validate that an entry has been made in each form element
· Validate that the email address contains a @ sign.

Note: CSS classes w.r.t forms and tables could be attached as necessary,

You might also like