Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Form validation

Form validation


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.

image 1

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.

image 2

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.

image 3

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 Validation

Done!

Test the form here.



Author's URL: Nick La
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

No comments yet...
Add comments to "Form validation"

Captcha