In this project you complete the script for a web form that collects billing and shipping information. Because the shipping address and billing address are often the same, this form will include a checkbox to copy the shipping address values into the corresponding billing address fields. Also, instead of using browser error bubbles to report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40.
In this project you complete the script for a web form that collects billing and shipping information. Because the shipping address and billing address are often the same, this form will include a checkbox to copy the shipping address values into the corresponding billing address fields. Also, instead of using browser error bubbles to report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40.
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
Related questions
Question
In this project you complete the script for a web form that collects billing and shipping information. Because the shipping address and billing address are often the same, this form will include a checkbox to copy the shipping address values into the corresponding billing address fields. Also, instead of using browser error bubbles to report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40.
![5. Also, within the anonymous function: Insert a
for loop that iterates through all of the contents of the
a. Apply the onchange event handler to allSelect [i] to run an anonymous function when the
allSelect node list. At each iteration of the al1Select node list do the following:
list option is changed. Add the parameter evt to the anonymous function.
sor
b. Within the nested anonymous function retrieve the value property of evt. target and store it in the
linkURL variable.
c. Within the nested anonymous function: Use the window.open() method to open a new browser
with linkURL as the url of the window. You do not have to set a name for the window or any window
7. Verify that by selecting an entry from one of three selection lists, the web page for that entry opens in a
6. Save your changes to the file and then open project06-02.html in your web browser.
options. Store the window under the newWin variable.
browser tab or window.
Hands-On Project 6-3
In this project you complete the script for a web form that collects billing and shipping information. Because the
address values into the corresponding billing address fields. Also, instead of using browser error bubbles to
shipping address and billing address are often the same, this form will include a checkbox to copy the shipping
report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser
from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40
Hands-on Project 6-3
Checkout
Shipping Address
First Name *
Last Name *
Address Line 1 *
CING AND VALIDATING FORMS
Address Line 2
Mary
Postal Code *
Smith
215 Maple Avenue
Apt. 3A
City * Mauston
State * Wisconsin
Country * United States
Required Field
Complete all highlighted fields
Figure 6-40 Completed Project 6-3
Billing Address
Same as Shipping Address
First Name Mary
Last Name *
Address Line 1 *
Address Line 2
Next
City *
Smith
State *
215 Maple Avenue
Country *
Apt. 3A
Postal Code *
Mauston
Wisconsin
United States
Do the following.
1. Use your code editor to
project03 folder. Enter -
project06-03.html and
2. Go to the project06-0
loading of the script
within the form Sav
3. Go to the projecto
variable to refere
copyShipping
4. Create the cop
billing fields, w
the following
a. Set the va
b. Repeat
cityB
of the
c. Set th
the
5. Below
a. De
li:
b. I
C.
6. Cr
a
7.](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Ff37e66db-881a-46b5-ba1b-98fe2bd03f7d%2Ff78764f0-b9ae-46a5-9345-f6f84331c5df%2Fgl1py17q_processed.jpeg&w=3840&q=75)
Transcribed Image Text:5. Also, within the anonymous function: Insert a
for loop that iterates through all of the contents of the
a. Apply the onchange event handler to allSelect [i] to run an anonymous function when the
allSelect node list. At each iteration of the al1Select node list do the following:
list option is changed. Add the parameter evt to the anonymous function.
sor
b. Within the nested anonymous function retrieve the value property of evt. target and store it in the
linkURL variable.
c. Within the nested anonymous function: Use the window.open() method to open a new browser
with linkURL as the url of the window. You do not have to set a name for the window or any window
7. Verify that by selecting an entry from one of three selection lists, the web page for that entry opens in a
6. Save your changes to the file and then open project06-02.html in your web browser.
options. Store the window under the newWin variable.
browser tab or window.
Hands-On Project 6-3
In this project you complete the script for a web form that collects billing and shipping information. Because the
address values into the corresponding billing address fields. Also, instead of using browser error bubbles to
shipping address and billing address are often the same, this form will include a checkbox to copy the shipping
report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser
from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40
Hands-on Project 6-3
Checkout
Shipping Address
First Name *
Last Name *
Address Line 1 *
CING AND VALIDATING FORMS
Address Line 2
Mary
Postal Code *
Smith
215 Maple Avenue
Apt. 3A
City * Mauston
State * Wisconsin
Country * United States
Required Field
Complete all highlighted fields
Figure 6-40 Completed Project 6-3
Billing Address
Same as Shipping Address
First Name Mary
Last Name *
Address Line 1 *
Address Line 2
Next
City *
Smith
State *
215 Maple Avenue
Country *
Apt. 3A
Postal Code *
Mauston
Wisconsin
United States
Do the following.
1. Use your code editor to
project03 folder. Enter -
project06-03.html and
2. Go to the project06-0
loading of the script
within the form Sav
3. Go to the projecto
variable to refere
copyShipping
4. Create the cop
billing fields, w
the following
a. Set the va
b. Repeat
cityB
of the
c. Set th
the
5. Below
a. De
li:
b. I
C.
6. Cr
a
7.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 2 steps with 1 images
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY