ITSE 1411 Beginning Web
Assignment 9

JavaScript Text, Chapter 5 (Form elements and Validating Forms), pgs 237 - 239, 244 - 267

Reading:

• FormProcessor
  • The form built in this chapter sends data from the subscription form to another page called FormProcessor.html
  • Explanation for the FormProcessor.html will be covered in assignment 10.

Practice:

• Validation using isNan function and Password Boxes
  • Create an assignment9 folder (no spaces in the name, no uppercase) in your public_html folder.
  • subscription1 page
    • Open your subscription.htm page from your assignment6 folder in your editor.
    • Save as subscription1.htm in your assignment9 folder.
    • Add the coding on page 237 to use the isNan function.
    • Add the coding on page 238 to use the password box.
    • Add the coding on page 239 to confirm the password field.
    • Save the document.

• Creating Check Boxes
  • subscription2 page
    • If necessary, open subscription1.htm from your assignment9 folder in your editor.
    • Add the coding from page 245 - 246 of your JavaScript text.
    • Save the document as subscription2.htm.
    • Compare you page to figure 5-12 page 246..

• copying elements from one field to another
  • subscription3 page
    • If necessary, open your subscription2.htm page in your editor.
    • Add the coding from pages 246 - 247 of your JavaScript text.
    • Save the document as subscription3.htm.

• Creating Selection Lists
  • subscription4 page
    • If necessary, open your subscription3.htm page in your editor.
    • Save as subscription4.htm in your assignment9 folder.
    • Add the coding from page 249 of the text.
    • Save the document.

• Adding Options to a Selection List
  • subscription5 page
    • If necessary, open your subscription4.htm page in your editor.
    • Save as subscription5.htm in your assignment9 folder.
    • Add the coding from pages 253 - 254 of the text.
    • Save the document.

• Removing Options from a Selection List
  • subscription6 page
    • If necessary, open your subscription5.htm page in your editor.
    • Save as subscription6.htm in your assignment9 folder.
    • Add the coding from pages 254 - 255 of the text.
    • Save the document.

• Changing Options in a Selection List
  • subscription7 page
    • If necessary, open your subscription6.htm page in your editor.
    • Save as subscription7.htm in your assignment9 folder.
    • Add the coding from pages 257 - 258 of the text.
    • Save the document.

• Submitting and Resetting Forms
  • subscription8 page
    • Click on FormProcessor.html
    • Right click on FormProcessor.html.
    • View Source.
    • Save as FormProcessor.html in your assignment9 folder.
    • If necessary, open your subscription7.htm page in your editor.
    • Save as subscription8.htm in your assignment9 folder.
    • Add the coding from pages 259 - 260 of the text.
    • Add the coding for the Reset Button on page 260 of the text.
    • Save the document.

• Validating Submitted Data
  • subscription9 page
    • If necessary, open your subscription8.htm page in your editor.
    • Save as subscription9.htm in your assignment9 folder.
    • Add the coding from page 262 of the text.
    • Save the document.

• Validating Text and Password Boxes
  • subscription10 page
    • If necessary, open your subscription9.htm page in your editor.
    • Save as subscription10.htm in your assignment9 folder.
    • Add the coding from pages 263 - 264 of the text.
    • Save the document.

• Validating Radio Buttons
  • subscription11 page
    • If necessary, open your subscription10.htm page in your editor.
    • Save as subscription11.htm in your assignment9 folder.
    • Add the coding from pages 265 - 266 of the text.
    • Save the document.

• Validating Selection Lists
  • subscription12 page
    • If necessary, open your subscription11.htm page in your editor.
    • Save as subscription12.htm in your assignment9 folder.
    • Add the coding from page 267 of the text.
    • Save the document.

• Submit Button
  • 
    • You may use any submit image of your choice.
    • If you want this one, right click and save the image.

Case Project

• Complete Case Project 5-3 found on pages 276 - 277 of your text.
  • Open your template.htm page.
  • Save as registration.htm in your assignment9 folder.
  • Follow the steps described in the text but start with the template so that you will have the validation icons on your page.

Update your index page:

• Add links on your index page to the pages in your assignment9 folder that are to be graded:
  • subscription12.htm
  • registration.htm

Uploading:

• Upload your revised index.htm page to the public_html folder.
• Upload your assignment9 folder with the files:
  • subscription12.htm
  • FormProcessor.html
  • registration.htm
  • your subscription image for your submit button

Testing uploaded pages

• Follow the checklist for grading shown on the schedule page.
• Make any corrections for any page that does not validate or display correctly.