The JavaScript Source: Forms : Basic Validation


Search The Business Internet

Browse Doc JS's Tips!

Promotions

Free Announcements

General

This is a simple method to require your visitors to fill out certain fields in a form. Just add the word "required" to each required field's name and your visitor must fill it out to submit the form.

Notes

Created by: wsabstract.com
Web Site: http://www.wsabstract.com
Posted: April 14, 1999

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: basicValidation.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: wsabstract.com | http://www.wsabstract.com */
function checkrequired(which) {
  var pass=true;
  for (i=0;i<which.length;i++) {
    var tempobj=which.elements[i];
    if (tempobj.name.substring(0,8)=="required") {
      if (((tempobj.type=="text"||tempobj.type=="textarea")&&
          tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
          tempobj.selectedIndex==0)) {
        pass=false;
        break;
      }
    }
  }
  if (!pass) {
    shortFieldName=tempobj.name.substring(8,30).toUpperCase();
    alert("The "+shortFieldName+" field is a required field.");
    return false;
  } else {
  return true;
  }
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="basicValidation.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form onSubmit="return checkrequired(this)">
  <table>
    <tr>
      <td>Name:</td><td><input type="text" name="requiredname"></td>
    </tr><tr>
      <td>E-mail:</td><td><input type="text" name="requiredemail"><td>
    </tr><tr>
      <td></td><td>
        <select name="requiredhobby">
          <option selected>Pick an option!
          <option>1</option>
          <option>2</option>
          <option>3</option>
        </select>
      </td>
    </tr><tr>
      <td>Comments:</td><td><textarea name="requiredcomments"></textarea></td>
    </tr>
  </table>
<input type=submit value="Submit">
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

10. From: db
Basic Validation -- Slight Modification :-)
06/18/2008 17:48:29

7. From: archi
Simple & great
10/16/2007 10:39:52

6. From: Deepak kumar.d
Excellent Code
10/04/2007 07:00:06

8. From: Aju John
Help add my email to this script!
10/01/2007 03:43:00

9. From: Lee (Admin)
11/06/2007 11:58:07

4. From: MK
Good but email validation is MISSING
09/06/2007 10:03:29

5. From: Lee (Admin)
10/03/2007 15:40:35

3. From: Raphael
07/24/2007 14:35:49

1. From: Jaiyakar
suggestion regarding the basic validation java script.
05/26/2007 00:33:56

2. From: Agus Ariyanto
06/06/2007 04:34:33

Name:
E-mail:

Comments:

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

10. From: dbBasic Validation -- Slight Modification :-)06/18/2008 17:48:29

7. From: archiSimple & great10/16/2007 10:39:52

6. From: Deepak kumar.dExcellent Code10/04/2007 07:00:06

8. From: Aju JohnHelp add my email to this script!10/01/2007 03:43:00

9. From: Lee (Admin)11/06/2007 11:58:07

4. From: MKGood but email validation is MISSING09/06/2007 10:03:29

5. From: Lee (Admin)10/03/2007 15:40:35

3. From: Raphael07/24/2007 14:35:49

1. From: Jaiyakarsuggestion regarding the basic validation java script.05/26/2007 00:33:56

2. From: Agus Ariyanto06/06/2007 04:34:33

10. From: db
Basic Validation -- Slight Modification :-)
06/18/2008 17:48:29

7. From: archi
Simple & great
10/16/2007 10:39:52

6. From: Deepak kumar.d
Excellent Code
10/04/2007 07:00:06

8. From: Aju John
Help add my email to this script!
10/01/2007 03:43:00

9. From: Lee (Admin)
11/06/2007 11:58:07

4. From: MK
Good but email validation is MISSING
09/06/2007 10:03:29

5. From: Lee (Admin)
10/03/2007 15:40:35

3. From: Raphael
07/24/2007 14:35:49

1. From: Jaiyakar
suggestion regarding the basic validation java script.
05/26/2007 00:33:56

2. From: Agus Ariyanto
06/06/2007 04:34:33