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

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.

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.



Author's URL: Nick La
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Form Validation"

Only registered users can write comment

No comments yet...