<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test for Manuel Lemos' PHP form class using a custom validation plug-in input</title>
<style type="text/css"><!--
.invalid { border-color: #ff0000; background-color: #ffcccc; }
// --></style>
</head>
<body onload="document.forms['custom_validation_form']['first'].focus()" bgcolor="#cccccc">
<center><h1>Test for Manuel Lemos' PHP form class using a custom validation plug-in input</h1></center>
<hr />
<form method="post" action="" name="custom_validation_form" onsubmit="return ValidateForm(this)">
<script type="text/javascript" defer="defer">
<!--
function ValidationError(form, Invalid, error_message, focus)
{
alert(error_message)
if(focus.length > 0 && form[focus].focus)
form[focus].focus()
}
function ValidateForm(theform)
{
var e
r=theform['first']
r.className=''
r=theform['second']
r.className=''
if(theform['first'].value=='')
{
r=theform['first']
r.className='invalid'
e='It was not specified a valid first name.'
ValidationError(theform, {'first': e }, e, 'first')
return false
}
if(theform['second'].value=='')
{
r=theform['second']
r.className='invalid'
e='It was not specified a valid second name.'
ValidationError(theform, {'second': e }, e, 'second')
return false
}
first=theform['first'].value
second=theform['second'].value
if(second.indexOf(first) != -1)
{
r=theform['first']
r.className='invalid'
e='The first name is contained in the second name.'
ValidationError(theform, {'first': e }, e, 'first')
return false
}
if(first.indexOf(second) != -1)
{
r=theform['second']
r.className='invalid'
e='The second name is contained in the first name.'
ValidationError(theform, {'second': e }, e, 'second')
return false
}
return true
}
// -->
</script>
<noscript>
<div style="display: none"><!-- dummy comment for user agents without Javascript support enabled --></div>
</noscript>
<div id="feedback" style="text-align: center;"></div>
<br />
<div id="wholeform">
<center><table summary="Form table" border="1" bgcolor="#c0c0c0" cellpadding="2" cellspacing="1">
<tr>
<td bgcolor="#000080" style="border-style: none;"><font color="#ffffff"><b>Form custom validation plug-in test</b></font></td>
</tr>
<tr>
<td style="border-style: none;"><center><table summary="Input fields table">
<tr>
<th align="right"><label for="first" accesskey="F"><u>F</u>irst name</label>:</th>
<td><input type="text" name="first" id="first" accesskey="F" /></td>
<td></td>
</tr>
<tr>
<th align="right"><label for="second" accesskey="S"><u>S</u>econd name</label>:</th>
<td><input type="text" name="second" id="second" accesskey="S" /></td>
<td></td>
</tr>
<tr>
<td colspan="3" align="center"><hr /></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="submit" name="doit" value="Submit" onclick="sub_form='' ; return true" /></td>
</tr>
</table></center>
</td>
</tr>
</table></center>
</div></form>
<hr />
</body>
</html>
|
Download
