Stuff

<html>
<head>
	<title>JavaScript Form Test</title>
</head>

<SCRIPT Language="javascript" src="messages.js"></script>
<SCRIPT Language="javascript" src="formvalidate.js"></script>
<SCRIPT Language="JavaScript">
	
	var form1MessageCallback = new Object();
	
	var form1Validate = new Object();
	form1Validate.email = { email:1, alert:1 };
	form1Validate.firstname = { minlength:5, alpha:1, domsg:1 };
	form1Validate.lastname = { minlength:7, alpha:1, domsg:1};
	form1Validate.address = { minlength:7, alphanumeric:1, domsg:1};
	form1Validate.city = { minlength:7, alphanumeric:1, domsg:1};
	form1Validate.state = { listmenu:1, domsg:1 }; 
	form1Validate.zip = { minlength:2, numeric:1, domsg:1};
	form1Validate.phone = { minlength:2, domsg:1};
	form1Validate.city = { minlength:2, domsg:1};
	form1Validate.birthdate = { date:1, domsg:1};

	// Validation Functions
	function TJ_Blur(Element, ObjValidate)
	{
		var CallbackMessage;
					
		Callback = TJ_ValidateField(Element, ObjValidate, MessagesEnglish);
		CallbackMessage = Callback.messages;

		document.getElementById('form1_' + Element.name).innerHTML = CallbackMessage;
	}
		
</SCRIPT>

<body>
<form name="form1" id="form1" action="" method="post">
  <table width="640" border="0" cellpadding="4" cellspacing="4">

    <tr> 
      <td height="21" valign="top" bgcolor="#CCCCCC"><div align="right"> 
          <P><strong>This is a test form :</strong></P>
        </div></td>
      <td bgcolor="#CCCCCC">&nbsp;</td>
    </tr>
	<tr> 
      <td width="154" valign="top" bgcolor="#CCCCCC"><div align="right">Email:</div></td>
      <td width="476" bgcolor="#CCCCCC"><input type="text" id="email" name="email" onblur='TJ_Blur(this, form1Validate.email);'><div id="form1_email"></div></td>

    </tr>
    <tr> 
      <td width="154" valign="top" bgcolor="#CCCCCC"><div align="right">First name:</div></td>
      <td width="476" bgcolor="#CCCCCC"><input type="text" id="firstname" name="firstname" onblur='TJ_Blur(this, form1Validate.firstname);'><div id="form1_firstname"></div></td>
    </tr>
    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">Last name:</div></td>
      <td bgcolor="#CCCCCC"><input type="text" id="lastname" name="lastname" onblur='TJ_Blur(this, form1Validate.lastname);'><div id="form1_lastname"></div></td>
    </tr>

    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">Address:</div></td>
      <td bgcolor="#CCCCCC"><input type="text" name="address" onblur='TJ_Blur(this, form1Validate.address);'><div id="form1_address"></div></td>
    </tr>
    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">City:</div></td>
      <td bgcolor="#CCCCCC"><input type="text" name="city" onblur='TJ_Blur(this, form1Validate.city);'><div id="form1_city"></div></td>
    </tr>
    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">State:</div></td>

      <td bgcolor="#CCCCCC"><select name="state" id="state" size="1">
		  <option value="">Please Choose</option>
          <option value="ca">California</option>
          <option value="ma">Michigan</option>
          <option value="ny">New York</option>
        </select><div id="form1_state"></div></td>
    </tr>

    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">Zip code:</div></td>
      <td bgcolor="#CCCCCC"><input type="text" name="zip" onblur='TJ_Blur(this, form1Validate.zip);'><div id="form1_zip"></div></td>
    </tr>
    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">Phone number:</div></td>
      <td bgcolor="#CCCCCC"><input type="text" name="phone" onblur='TJ_Blur(this, form1Validate.phone);'><div id="form1_phone"></div></td>
    </tr>
    <tr> 
      <td valign="top" bgcolor="#CCCCCC"><div align="right">Date of birth:</div></td>

      <td bgcolor="#CCCCCC"><input type="text" name="birthdate" onblur='TJ_Blur(this, form1Validate.birthdate);'><div id="form1_birthdate"></div></td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td><input type="button" name="Submit" value="Submit" onclick="TJ_FormValidate(form1,'form1',form1Validate,MessagesEnglish);"></td>
    </tr>
  </table>
  </form>
</body>
</html>