Home » Javascript » Article
A Simple Form Validation Script
|
| Article by: | Syed Zulfi (5/19/2003) |
|
| Sponsored by: | FindMyHosting - Web Hosting Search |
| Summary: | A Simple Javascript function which validates the data in the html forms. |
|
| Viewed: 27891 times |
Rating (25 votes): |
|
3.6 out of 5 |
|
|
|
A Simple Form Validation Script
The Javascript Form Object Properties and Methods can be used to Validate the Html Form.The Multiple Forms in the Html Page are Held as Forms Array.The Javascript Forms Array also holds Information about each Object within the Form tag.
The Multiple Forms in the Html page can be accessed by refering to its Array Index. document.forms[0] refers to the First Form in the Html Page.Similarly the Elements within the Form Tag can be accessed by refering to the elements Array Index. document.forms[0].elements[0] refers to the First element in the First Form in the Html Page.
In the Above Example,the function 'validateForm()' has two loops.The first loop runs thru all the elements in the form and if it encounters any empty elements it append the field name to the message.The Second loop runs thru all the form elements and alerts the user to fill the empty field.
|
|
View highlighted Comments
 User Comments on 'A Simple Form Validation Script'
|
|
|
Posted by :
 Archive Import (Agnes) at 23:54 on Sunday, August 03, 2003
|
yeah ... really simple ... but can't validate the values e.g. email validation ...
| |
|
Posted by :
Archive Import (paul) at 18:31 on Wednesday, August 20, 2003
|
wikkid script i would like something like this :)
| |
|
Posted by :
Archive Import (javadym) at 07:14 on Sunday, September 07, 2003
|
Hello
I'am software engineering
and Like javaScript Programing
Please send me Simple javascript that
insert and update to xml file
Tanks.
| |
Posted by :
 apurva_007 at 01:00 on Thursday, March 11, 2004
|
nice script.. keep up the good work
| |
|
Posted by :
pixelhub at 08:38 on Tuesday, April 13, 2004
|
Hi
is there any way i can skip a field(s) from being checked.
thanks
| |
|
To post comments you need to become a member. If you are already a member, please log in .
 
| RELATED ARTICLES |
Javascript Onload Event
by Jeff Anderson
Sometimes you need to perform an action immediatley after the page has loaded. That's when the onLoad Event Handler comes in handy |
 |
Javascript - Enable and Disable form elements
by Jeff Anderson
This is a relatively little known and under-used feature of javascript which can be very useful in guiding a user through a form. Using the disabled tag, you can switch on and off elements in a form. |
|
Form Validation Function
by Jeff Anderson
A javascript validation function that you can use to validate all types of forms. |
|
Check IsNumeric Function
by Jeff Anderson
A javascript validation function to check whether the details entered by a user are numeric. |
|
JavaScript Field Is Empty Form Validation
by Jeff Anderson
This javascript function allows you to check whether a form field has been completed or not. |
|
Check Email Validation Function
by Jeff Anderson
A javascript validation function to check whether the user has entered a valid email address in a form. |
|
Multiple submit buttons on a single form
by Kiran Pai
This script shows you how to submit the contents of a form to different programs depending on which Submit button you press. Additionally it also shows how to call two different functions when you press the Submit button. |
|
Validate Form and Disable Submit Button
by Marylou Marks
I have a form that validates info, but I also want to disable the submit button. The disable part worked before adding the form validating. |
|
Simple date validation
by Chris Hogben
function that takes a date in three parts, day, month and year - returns true if it's a valid date. |
|
Multiple submit buttons with form validation
by Paul Eckert
This code shows how to redirect a user to multiple sites, depending on which submit button he presses, but only after the form validates correctly. |
|
| |
