<HTML>
<HEAD>
<TITLE>Form Validation</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">

// --------------------------
// Created By Reaz Hoque
// (c) Reaz Hoque, 1997
// email: r@rhoque.com
// web: http://rhoque.com/book
// Note: please keep this 
// information when using
// --------------------------

// Accepts a-z,A-Z, and space
function fieldA(e) { 
     var keyChar = String.fromCharCode(e.which); 
     if ((keyChar >= "a" && keyChar <= "z") ||
         (keyChar >= "A" && keyChar <= "Z") ||
         keyChar== " ")

         return true;
     else
         return false; 
}

//Accepts 0-9
function fieldB(e) { 
     var keyChar = String.fromCharCode(e.which); 
     if (keyChar >= 0  && keyChar <=9)
        
         return true;
     else
         return false; 
}

//Accepts a-z,A-Z,0-9,"^", "_","@","."
function fieldC(e) { 
     var keyChar = String.fromCharCode(e.which); 
     if ((keyChar >= "a" && keyChar <= "z") ||
         (keyChar >= "A" && keyChar <= "Z") ||
         (keyChar >= "0" && keyChar <="9")  ||
          keyChar == "^" || keyChar == "_"  || 
          keyChar == "@" || keyChar == "."  )

        return true;
     else
         return false; 
}

function fieldD(e) { 
var input_str4=document.forms[0].text4.value;
var input_len4=input_str4.length;
var keyChar = String.fromCharCode(e.which); 

     if (!((keyChar >= 0) && (keyChar <=9)) || (input_len4>4))
          return false; 
}


function empty(form){
var input_str=document.forms[0].user_name.value;
var input_len1=input_str.length;

var input_str2=document.forms[0].text2.value;
var input_len2=input_str2.length;

var input_str3=document.forms[0].text3.value;
var input_len3=input_str3.length;

var input_str4=document.forms[0].text4.value;
var input_len4=input_str4.length;

        if(input_len1 == 0){
                alert("Please enter your name!");
                    document.forms[0].user_name.focus();
                return true;
                }

        if(input_len2 == 0){
                alert("Please enter your age!");
                    document.forms[0].text2.focus();
                return true;
                }

         if(input_len3 == 0 || input_str3.indexOf ('.', 0) == -1 || 
input_str3.indexOf ('@', 0) == -1){
                alert("Please enter your valid email!");
                    document.forms[0].text3.focus();
                    document.forms[0].text3.select();
                return true;
                }

         if(input_len4 < 4){
                alert("Please enter your 5 digit zip code!");
                    document.forms[0].text4.focus();
                    document.forms[0].text4.select();
                return true;
                }

        return false;
}

function submit_this(form){

if(!empty(form)){
        
                document.forms[0].action="http://www.yourdomain.com/cgi-bin/mail.pl";
                document.forms[0].submit();
        }
}
</SCRIPT>
</HEAD>


<BODY BGCOLOR="ffffff" TEXT="000000" >
<center>

<H2>Validating Inputs in JavaScript 1.2</H2>
<hr noshade width=65%>

<form name="myForm" METHOD="POST" ENCTYPE="text/plain" 
onSubmit='submit_this(this.form);'>

<b>Your Name (non numeric input):<BR></b>
<input type="text" name="user_name" SIZE="50" MAXLENGTH="50"><BR>

<b>Your Age (non alphabetic input):</b><BR>
<input type="text" name="text2" SIZE="50" MAXLENGTH="50"><BR> 

<b>Your E-mail Address:</b><BR>
<input type="text" name="text3" SIZE="50" MAXLENGTH="50"><BR> 

<b>Your 5 Digit Zip Code:</b><BR>
<input type="text" name="text4" SIZE="50" MAXLENGTH="50"><BR> 

<input type="submit" VALUE="Send Form">
<input type="reset" Value="Reset Form">

</form>
<script>
document.forms[0].elements[0].onkeydown = fieldA;
document.forms[0].elements[1].onkeydown = fieldB;
document.forms[0].elements[2].onkeydown = fieldC;
document.forms[0].elements[3].onkeydown = fieldD;
</script>
</BODY>
</HTML>