In Dreamweaver there is a very simple and easy way to apply form field validation and in this article I will so you exactly how to achieve this.
Step 1: Create the form with your required fields.
This is a simple html form which I am going to use for validation.
Step 2: Apply the validation to the form elements
When your form will be ready then go on Window Menu and select Behaviors from there. A window will be appear on your side panel there will be some other tabs like "Attributes", "Tags" and "Behaviors". Now select the Submit Button and click on "+" sign under the Behaviors tab. A window of behaviors will be open and you will find different behaviours which you can use for different tasks. Select "Validate Form" now.
Step 3: Select required validations for fields
This dialog will be open when you will select Validate Form behavior. Here you will see all text fields which you have used in contact form. Now select one by one field for validation and apply checks from under the "Fields" area. Here you will find following checks.
- Value Required: Check this if you want user must enter this field
- Accept: Here you will see different radio buttons with captions
- Anything: User can enter anything.
- Number: Only numbers will be entering.
- Email address: This check will be for email validation
- Number from: You can specify range of numbers.
Step 4: Test applied validation
After you have applied the Validation that you require, Save the Document and test it by not entering in anything into the fields. You should get a pop up box like this.
There we have it, you can now apply form validation to your Contact Forms.
April 17, 2010 at 4:18 pm
great, thank you very much.
April 18, 2010 at 7:23 pm
This is such a great resource that you are providing and you give it away for free. I enjoy seeing websites that understand the value of providing a prime resource for free. I truly loved reading your post. Thanks!
April 19, 2010 at 5:29 pm
Keep posting stuff like this i really like it
April 20, 2010 at 12:02 pm
really useful and amazingly short training.
April 25, 2010 at 10:59 pm
nice post. thanks.
May 5, 2010 at 4:10 am
Nice information, I really appreciate the way you presented.Thanks for sharing..
May 14, 2010 at 7:52 pm
nice post. thanks.
July 25, 2010 at 10:18 pm
Good post and this mail helped me alot in my college assignement. Thanks you for your information.
August 25, 2010 at 2:36 am
I want to know that how we use more than one submit Email address in Form submit button. Like cc and bcc field.
September 12, 2010 at 5:35 am
I’ve done that, but if I leave more than one field blank, I get an alert box for each one which is very frustrating – can this be done on just one alert box..?? CS3
September 27, 2010 at 1:03 pm
thanks thats great! however, how can i do to add an automatic response or THANK YOU after submission?
September 29, 2010 at 1:36 pm
Wow. Thanks. That was very helpful. I’ve been trying to validate my forms for a while with little success. Much appreciated.