<!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Required Field Demo</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var aryRequired = new Array();
var intArrayCount = 0;
function defineRequired(strElementName, strDisplayMessage, blnIsEmail, blnIsNumber)
{
var objRequired = new Object();
objRequired.ElementName = strElementName;
objRequired.DisplayMessage = strDisplayMessage;
objRequired.IsEmail = blnIsEmail;
objRequired.IsNumber = blnIsNumber;
aryRequired[intArrayCount] = objRequired;
intArrayCount++;
}
function checkForm(objForm)
{
//web tv bug fix
if (navigator.userAgent.indexOf("WebTV") == -1) {
for (var i = 0; i < aryRequired.length; i++) {
var blnFail = true;
var objElement = eval("objForm." + aryRequired[i].ElementName);
if (objElement.length && !objElement.type && document.images) {
//looping through element array
for (var x = 0; x < objElement.length; x++) {
if (objElement[x].checked && objElement[x].value != "") blnFail = false;
}
}
else {
if (objElement.value != "") {
if (aryRequired[i].IsEmail) { if (CheckEmail(objElement.value)) blnFail = false; }
else if (aryRequired[i].IsNumber) { if (!isNaN(objElement.value)) blnFail = false; }
else blnFail = false;
}
}
if (blnFail) {
alert(aryRequired[i].DisplayMessage);
if (objElement.length && !objElement.type) objElement[0].focus();
else objElement.focus();
return false;
}
}
// all elements passed, submit form
}
return true;
}
function CheckEmail(strData)
{
var posAt = strData.indexOf("@")
var strName = strData.substring(0, posAt)
var strDomain = strData.substring(posAt+1, strData.length)
var posDot = strDomain.indexOf(".")
var strSubDomain = strDomain.substring(posDot+1,strDomain.length)
if ( strName=="" || strDomain=="" || posDot < 1 || strSubDomain =="") return false;
else return true;
}
// Change these to the inputs you want required
defineRequired("inputBox","The Input Box is required field. Please fill it in.");
defineRequired("numberBox","Invalid Number, Please enter a number.", false, true);
defineRequired("emailBox","Invalid Email address, Please enter a vaild email address.", true);
defineRequired("radioBox","The Radio Button is required field. Please fill it in.");
defineRequired("checks","The Check Box is required field. Please fill it in.");
defineRequired("selectBox","The Select Box is required field. Please fill it in.");
defineRequired("blob","The Text Area is required field. Please fill it in.");
</SCRIPT>
</HEAD>
<BODY>
<FORM action="required.htm" method="GET">
<b>Required Fields Demo</b><br><br>
InputBox:<br>
<INPUT type="Text" name="inputBox"><BR><BR>
Number Only:<br>
<INPUT type="Text" name="numberBox"><BR><BR>
Email:<br>
<INPUT type="Text" name="emailBox"><BR><BR>
Radio Buttons<BR>
<INPUT type="Radio" name="radioBox" value="Test1">Test 1<BR>
<INPUT type="Radio" name="radioBox" value="Test2">Test 2<BR><BR>
Check Box<BR>
<INPUT type="Checkbox" name="checks" value="test1">Test 1<BR>
<INPUT type="Checkbox" name="checks" value="test2">Test 2<BR><br>
Select Box<br>
<SELECT name="selectBox" size="1">
<OPTION value="">Blank</OPTION>
<OPTION value="test1">Test 1</OPTION>
<OPTION value="test2">Test 2</OPTION>
</SELECT><br><br>
Text Area<br>
<textarea name="blob" cols="20" rows="2" wrap="VIRTUAL"></textarea><br>
<input type="submit" name="" value="Check" onClick="return checkForm(this.form)">
</FORM>
</BODY>
</HTML>