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:





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


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

0 comments:
Post a Comment