Free web development scripts for the webmasterDevelopment Scripts

 social media marketing services
 Site Navigation
Clicky Web Analytics
 o Development Scripts
 o Text Only Edition
 o News
 o Tutorials
 o Register an account
 o New entries this week
 o Affiliates/Links
 o Contact Us
 o About us
 o Advanced Search

 Browse Path
 o 1 user online
 o Most users online: 67
 o Home
  o Javascripts
   o Forms Manipulation
    o Script

 Member Login
User Name

Valid XHTML 1.0!

 Recommended Links
 o PHP Freaks
 o Paper Free Invoicing
 o Tutorials
 o Expired Domain Crawler

Validate form fields for no input with JavaScript (Rated 0)


Checking that form fields have input is extremely important - having this performed before the form is submitted, client side, before its handled by anything at the backend such as an SQL or MS Access database, is vital and an additional factor in getting accurate input. This code contains functions to check null input and also to check if an email address follows a valid pattern.

Code starts here

<script language="JavaScript" type="text/javascript">

// Javascript validation functions

//function to check empty fields

function isEmpty(strfield1, strfield2, strfield3) {

//change "field1, field2 and field3" to your field names
strfield1 = document.forms[0].field1.value
strfield2 = document.forms[0].field2.value
strfield3 = document.forms[0].field3.value

//name field
if (strfield1 == "" || strfield1 == null || !isNaN(strfield1) || strfield1.charAt(0) == ' ')
alert("\"Field 1\" is a mandatory field.\nPlease amend and retry.")
return false;

//url field
if (strfield2 == "" || strfield2 == null || strfield2.charAt(0) == ' ')
alert("\"Field 2\" is a mandatory field.\nPlease amend and retry.")
return false;

//title field
if (strfield3 == "" || strfield3 == null || strfield3.charAt(0) == ' ')
alert("\"Field 3\" is a mandatory field.\nPlease amend and retry.")
return false;
return true;

//function to check valid email address
function isValidEmail(strEmail){
validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
strEmail = document.forms[0].email.value;

// search email text for regular exp matches
if ( == -1)
alert('A valid e-mail address is required.\nPlease amend and retry');
return false;
return true;

//function that performs all functions, defined in the onsubmit event handler

function check(form)){
if (isEmpty(form.field1)){
if (isEmpty(form.field2)){
if (isEmpty(form.field3)){
if (isValidEmail({
return true;
return false;


In your <form> tag, add onsubmit="return check(this);". Remember to edit the field names above, so that they correspond to your field names that you have defined using name="field".

Last Edited: 13-02-2003 20:17

Submitted by Devscripts on 25-02-2003 0:09

Recent Additions (from all categories)

(PHP) T Shirt Printing Software

(PHP) Youtube Video Organizer Script

(PHP) MP3z - MP3 Search Engine Script

(PHP) Recipez- PHP Recipe Script

(ASP) Stop image hotlinking and downloading. Web image protection is easy with Image Trapper.

Top Rated Scripts

(Javascripts) Javascript Delayed Redirection Rating: 5

(PHP) Random Links and images with PHP & MySQL Rating: 5

(PHP) RSS/XML news feed headline grabber! Rating: 5

(PHP) Random Signatures/Avatars Rating: 5

(Javascripts) Detecting Client Web Browser Rating: 5

© Copyright 2003 -  Web Analytics