This document provides instructions for an assignment to create an HTML file with a shipping form that includes input validation. The form should include drop-down menus for shipping destination and type with required selections. The receiver's name field cannot be empty and must show an error if so. The email field must contain an @ character to validate the email address. A submit button should trigger validation of all fields using the onsubmit event.
1. Internet Programming assignment 1
Write myOwnJavascript.html as following.
It should have the following input form fields with input form validation logic described below
Shipping Destination: It should be a drop-down list of the following choices. A selection
has to be made from the following two choices.
Boston
Seoul
Hint: Please study HYPERLINK "http://www.w3schools.com/js/
tryit.asp?filename=tryjs_selectmenu"Dropdown list in a form
example under Form and Form Input Objects section of the
HYPERLINK "http://www.w3schools.com/js/
js_examples_3.asp"JavaScript DOM Examples
Shipping Type: It should be a drop-down list of the following choices. A selection has to
be made.
Express delivery
Standard delivery
Receiver's name
Hint: Please study String Object section of the HYPERLINK "http://
www.w3schools.com/js/js_examples_2.asp"JavaScript Object
Examples. Receiver name can't be empty. If it is empty, show a proper error
message
Receiver's email address: Email validation logic checks if there is @ character in the
middle
Hint: Please study Email validation section of the HYPERLINK "http://
www.w3schools.com/js/js_form_validation.asp"JavaScript Form
Validation
It should have a <div> element whose id attribute is set to myOwndivElement.
It should have a submit button with the following behavior
Clicking the submit button triggers the input form validation on the input form fields
mentioned above
Hint: You should use onsubmit event to trigger the input form validation