Dreamweaver CS4 Form Validation Tutorial

In this Dreamweaver CS4 Form Validation Tutorial we will learn how to validate a form in Dreamweaver CS4. The form we will validate is shown below:

Step 1: Select the form tag

You can do this by clicking anywhere in the form and selecting the <form> tag when it shows at the bottom of the document window. The entire form will grey out to show that it is selected.

Step 2: Open the Behavior Inspector

Open the Behavior Inspector (Window > Behaviors)

Step 3: Add the Validate Form Behavior

Click the “Add Behavior” icon (+ icon) and select “Validate Form”

Step 4: Specify the validation requirements for each form field

In the “Validate Form” Panel that opens select each field and specify the validation required.

In the example below I have given the following validation requirements:
name – Required, Anything
email – Required, Email Address
phone – Required, Number

Step 5: Click OK and check in the browser

Click OK when you are done with the validations.

Posted in: tutorial web