Dreamweaver CS4 Form Validation Tutorial

Need a Website? Contact Us Now!

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.

Save your page and preview in the browser. Test by trying to submit the form without the required values. You should get an error message like the one shown below:

Series Navigation

«Forms in Dreamweaver CS4Tables in Dreamweaver CS4»

Tags: Dreamweaver CS4 Form Validation Tutorial
Posted in Dreamweaver | 3 Comments »