website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
HTML and CSS  Home HTML and CSS Tutorials Form Validation
rss

Form Validation

Author: Nick La More by this author


Want to validate your form but don't know any Javascript coding? Don't worry, Dreamweaver can help you with this. Dreamweaver comes with a form validation Behavior allows you to validate your form without any Javascript knowledge.

All you need is a form and couple of mouse clicks. This tutorial should takes less than 10 minutes.

Click here to see the demo

1. Form

I assume you have your HTML form ready. If not, you can use my sample form.

form

2. Name your fields

In order to validate your form, you need to give a proper name to each field. Name your fields as follow: Name, Email, Phone, and Comments.

fields

3. Validate form

Select the 'Send' button. Go to Window > Behaviors to active the Behaviors palette. Click on the plus [+] icon and select Validate Form.

validate

Form Data

Now you should see all the fields in the form: Name, Email, Phone, Comments.

  • Select 'Name', check Required, Accept = Anything (anything means any key/character).
  • Select 'Email', check Required, Accept = Email address
  • Select 'Phone', check Required, Accept = Number
  • Select 'Comments', check Required, Accept = Anything
  • * if you do not want to make the field as required, uncheck Required

form data

Done!

Test the form here.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Form Validation"