- BRINGING IN SEPARATE PARAGRAPHS FROM WORD
- FOCUS YOUR ATTENTION RIGHT HERE
- WATCH OUT FOR KILLER OCTOTHORPES
- HEADING THIS WAY
- RESCALING AN IMAGE IN DREAMWEAVER
- QUICKLY CLEARING A PAG
- FINDING YOUR ASSETS IN A DARK ROOM (WITHOUT A FLASHLIGHT)
- EVERYBODY, COME ON AND DO DA COMBO, MON!
- CLOWNS TO THE LEFT OF ME, JOKERS TO THE RIGHT...
- ZIPPY FORM ORGANIZATION WITH THE FIELDSET TAG
- WHERE, OH, WHERE HAVE MY WINDOW SIZES GONE?
- STAYING IN GOOD FORM
- PLAYING NICE WITH THE INSERT BAR
- "A" IS FOR ACCESSIBLE APPLETS
- MULTIPLYING RADIO BUTTONS
- FANCY-SCHMANCY FORM BUTTONS
- LABEL-LICIOUS
- BUTTON, BUTTON, WHO'S GOT THE BUTTON?
- ANCHORS AWAY
- BYE, BYE HELPER TEXT
- THAT'S WHAT IT'S ALL ABOUT
- JAVASCRIPT REQUIRED
- TRANSFERING SITES
- NO MORE BROKEN LINKS
- REUSABLE JAVASCRIPT
- VIEW AS ROOT
- INITIALLY SELECTED VALUE
- REQUIRING INPUT
This chapter is from the book
This chapter is from the book
This chapter is from the book
REQUIRING INPUT
Making sure that a user has completed a form correctly is made easy with the Check Form behavior. The Check Form behavior will let you specify which fields are required and you can choose the type of user input, such as email address, a number, or within a range of numbers. After you've established a form with one or more text fields or text areas, use the Tag Selector to select the form tag. Now click the Add (+) button on the Behaviors panel and choose Validate Form near the bottom of the drop-down list. When the dialog appears, select the form field in the list and choose the appropriate values for the remaining options. You may do this for each of the fields listed in the dialog.
By applying the behavior to the <form> tag, the validation occurs at the time the user submits the form. If the requirements are met the form is submitted, otherwise the user will get a JavaScript alert letting them know what fields need to be corrected. If you want the validation to take place while the user is filling out the form and proceeds to the next field apply the behavior to each text field element rather than to the <form> tag.
){kind=small}
Figure
7.26