topical media & game development
professional-ajax-03-Communication-Control-Patterns-Submission-Throttling-IncrementalFormValidationExample.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Incremental Form Validation Example</title>
<script type="text/javascript" src="zxml.js"></script>
<script type="text/javascript" src="IncrementalFormValidation.js"></script>
</head>
<body>
<h1>Sign Up!</h1>
<p>Please fill in the following information to sign up.</p>
<form method="post" action=<Success.php>>
<table>
<tr>
<td><label for="txtFirstName">First Name</label></td>
<td><input type="text" id="txtFirstName" name="txtFirstName" /></td>
</tr>
<tr>
<td><label for="txtLastName">Last Name</label></td>
<td><input type="text" id="txtLastName" name="txtLastName" /></td>
</tr>
<tr>
<td><label for="txtEmail">E-mail</label></td>
<td><input type="text" id="txtEmail" name="txtEmail" /><img src="error.gif" alt="Error" id="imgEmailError" style="display:none" /></td>
</tr>
<tr>
<td><label for="txtUsername">Username</label></td>
<td><input type="text" id="txtUsername" name="txtUsername" /><img src="error.gif" alt="Error" id="imgUsernameError" style="display:none" /></td>
</tr>
<tr>
<td><label for="txtBirthday">Birthday</label></td>
<td><input type="text" id="txtBirthday" name="txtBirthday" /><img src="error.gif" alt="Error" id="imgBirthdayError" style="display:none" /> (m/d/yyyy)</td>
</tr>
<tr>
<td><label for="selGender">Gender</label></td>
<td><select id="selGender" name="selGender"><option>Male</option></option>Female</option></select></td>
</tr>
</table>
<input type="submit" id="btnSignUp" value="Sign Up!" />
</form>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.