Form Validation | How to!
5 posters
Page 1 of 1
Form Validation | How to!
by Adil Sat 14 Mar 2009, 10:24 am
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 for a demo!
1. Form
I assume you have your HTML form ready. If not, you can use my sample 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.
3. Validate form
Select the ‘Send’ button. Go to Window > Behaviors to active the Behaviors pallete. Click on the plus [+] icon and select Validate Form.
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
Done!
Tutorial from ndesign!
All you need is a form and couple of mouse clicks. This tutorial should takes less than 10 minutes.
Click here for a demo!
1. Form
I assume you have your HTML form ready. If not, you can use my sample 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.
3. Validate form
Select the ‘Send’ button. Go to Window > Behaviors to active the Behaviors pallete. Click on the plus [+] icon and select Validate Form.
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
Done!
Tutorial from ndesign!
Adil- Founder
- Number of posts : 2488
Flow Points : 3875
Reputation : 43
Warnings :
Mood :
-
Re: Form Validation | How to!
by ueda-hime Sat 14 Mar 2009, 9:01 pm
woah sweet
but im guessing u need a host thats not like forummotion to set up forms like these?
but im guessing u need a host thats not like forummotion to set up forms like these?
ueda-hime- Gold Member
- Number of posts : 117
Flow Points : 102
Reputation : 0
Warnings :
Mood :
-
Re: Form Validation | How to!
by someoneinsane Sat 14 Mar 2009, 9:07 pm
This is an HTML form, which means you can use it on anything.
someoneinsane- Top Poster
- Number of posts : 789
Flow Points : 852
Reputation : 9
Warnings :
Mood :
Re: Form Validation | How to!
by Null-11 Sun 15 Mar 2009, 1:47 pm
Very nice tutorial. I'm going to use this right now actually. I've been looking for this. 
P.S. You shouldn't hotlink the images. Maybe upload them to imageshack and link to those.
P.S. You shouldn't hotlink the images. Maybe upload them to imageshack and link to those.
Null-11- Member
- Number of posts : 42
Flow Points : 22
Reputation : 0
Warnings :
Mood :
-
Re: Form Validation | How to!
by Adil Sun 15 Mar 2009, 2:03 pm
Null-11 wrote:Very nice tutorial. I'm going to use this right now actually. I've been looking for this.
P.S. You shouldn't hotlink the images. Maybe upload them to imageshack and link to those.
cool
... Why not?
Adil- Founder
- Number of posts : 2488
Flow Points : 3875
Reputation : 43
Warnings :
Mood : -
Re: Form Validation | How to!
by Matthew Thu 19 Mar 2009, 1:45 pm
Thanks for this, very useful. I was using a standard HTML form but this is much better
Matthew- New Member
- Number of posts : 17
Flow Points : 23
Reputation : 0
Warnings :
Mood :
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum