Validating Flash forms with Dreamweaver and the JavaScript Integration Kit for Flash 5

The JavaScript Integration Kit for Flash 5 is a set of Dreamweaver extensions that make it easier for you to add interactive features to your Flash movies. Included in the kit is a set of Dreamweaver behaviors called Advanced Form Validations. With these behaviors, you can verify that a user has entered valid data, such as phone numbers, credit cards, and addresses, in a Flash form. You can also prompt the user to fill in required fields.

View the completed project. Fill out the fields, then press the submit button. If your data is valid, a "thank you" page appears in your browser window. If your data is not valid, an error message appears. For example, if you enter an e-mail address without an @ symbol and a period, an error message prompts you to enter a valid e-mail address.

Download the Windows tutorial file validation.zip (520K)
Download the Macintosh tutorial file validation.sea.hqx (848K)

When the file decompresses, a folder named Validation_Tutorial is created on your system.

In this tutorial, you'll prepare a Flash form for validation, import it into a Dreamweaver document, and apply the Advanced Form Validations behaviors.

This tutorial assumes that you are familiar with assigning actions in Flash and have a basic understanding of assigning JavaScript function calls. You should also have a basic understanding of how forms are processed.

System requirements

How validation works

What are Dreamweaver behaviors?

Preparing your Flash movie

Preparing your Dreamweaver document

Testing your Flash form

Going forward

George Brown George Brown is a writer for Macromedia's Web Publishing Support Centers. Before focusing on technical writing, he designed books, taught software classes, and developed web sites. 11 October 2000 behavior, credit card, Dreamweaver, e-mail, extension, Flash, form, JavaScript, phone, validate, zip code 9218