Validating Forms

This tutorial illustrates validating forms with Dreamweaver CS5.

Dreamweaver provides a very useful tool for validating a form. This basically checks that a user has entered the correct type of data.

There are different approaches to validating user input. In some cases the contents of each field are validated when the user has finished entering the data. In others the validation does not take place until the user presses the Submit button (or equivalent).

We're going to attach the action of validation to our flower form.

First, select the Submit button and open the Behaviors panel (use the Window menu if necessary).

Click the Add Behavior (+) button and select Validate Form.

The Validate Form dialog appears. Now work through the data entry fields one at a time, in each case setting the appropriate options.

Specify whether a value is required.

State whether any input is allowed or it must be numeric.

Indicate whether the field must contain a valid email address.

If the contents are numeric, specify an acceptable range.

Here's the completed dialog for Customer Name.

Note that the other fields on the form would not need validation. If the user is selecting from a list or choosing a radio button, they cannot specify invalid input.

Having specified the validation for each of the fields that need validation, click OK.

Now click the Action button and choose from the available options for the event that will cause this validation to occur.

If you choose OnClick the validation will take place when the user clicks the Submit button. If you choose OnBlur individual field validation will take place when the user completes each individual field.

Having made your choice you can test the validation using Preview in Browser.

More Dreamweaver CS5 Tutorials

All Dreamweaver CS5 Tutorials - Will be complete by Januay 2011.
Buy Dreamweaver CS5

Find this website useful?

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as: Validating Forms in Dreamweaver CS5

Share this Webpage

This site proudly build with Site Build It!