<%@ LANGUAGE=JAVASCRIPT %>
<html>
<head>
<title>
Form Validation Using JavaScript</title><script LANGUAGE
="JavaScript"><!-- Hides Code
function validateIt() //function is called when the button is clicked
{
var dblNum;
var txtText;
var txtMessage;
dblNum = 0.1;
if(!isNaN(document.form1.txtNum.value)) /* document.[form name].[field name].value Checks to see if it is a number (isNaN: Not a Number) */
{
dblNum = document.form1.txtNum.value; /* alerts display message boxes */
}
else
{
alert("Field must contain a number");
document.form1.txtNum.focus();
return;
}
txtText = document.form1.txtText.value;
if(!isNaN(document.form1.txtText.value))
{
alert("Requires text, and not a number");
document.form1.txtText.focus();
return;
}
if(txtText.length < 8) /* checks to see if the lenght of the text field is greater than 8 */
{
alert("Text must be at least 8 letters long");
document.form1.txtText.focus();
return;
}
if(dblNum < 250.55) /* makes sure that the number entered meets the criteria */
{
alert("Number must be greater than 250.55")
document.form1.txtNum.focus();
return;
}
alert("Everything Checks Out Fine")
return;
}
//-->
</script>
</head>
<body background=
"../images/aspfreebkgrnd.gif"><p>
How to validate a form entry using javascript:</p><form method=
"POST" name="form1" action="javaform.asp" webbot-action="--WEBBOT-SELF--"><div align=
"center"><center>
<table border=
"0" cellpadding="0" cellspacing="0" width="44%"><tr>
<td width=
"41%">Text of 8 letters: </td><td width=
"59%"><input type="text" name="txtText" size="20"></td></tr>
<tr>
<td width=
"41%">Number > 250.55</td><td width=
"59%"><input type="text" name="txtNum" size="20"></td></tr>
<tr>
<td width=
"41%" colspan="2"><p align=
"center"><input type="button" value="Button" name="B1" onClick="validateIt();"></td></tr></table>
</center>
</div>
</form>
</body>
</html>