HW3

Table of Contents

1 HW3: Validate Forms   slide

  • Write HTML forms
  • Use Javascript to validate them
  • Use Javascript to create content

2 Madlibs   slide

MadLibs-Logo.png

  • Fill in answers without context
  • Use words to make a story
  • Example

3 Assignment   slide

  • Create a madlib form with
    • text field
    • numeric text field
    • radio buttons
    • More than 1 checkbox
    • select input
    • label tags for all inputs
    • submit input
  • on submit, write javascript that checks the input
    • Make sure all inputs are filled in
    • Make sure numeric field only has numbers (even if numeric input)
    • Do not display story if there are errors
  • after validating insert HTML into the page to write your story

4 madlib.html   slide

  • Simple starting point
  • Includes jQuery if you wish to use it

5 Reading   slide

  • Extra Javascript resources
  • This class is on the concepts, you do not need to be a JS expert

5.1 Example   notes

  • Composability of JS, CSS, DOM important
  • But no tests on all the methods for an HTML element

6 Extra Credit   slide

Author: Jim Blomo

Created: 2014-09-11 Thu 23:50

Emacs 23.4.1 (Org mode 8.0.6)

Validate XHTML 1.0