<html>
<head>
<title>sForm - Simple Ajax Form Validation</title>
<script src="validate.js" type="text/javascript"></script>
</head>
<body>
<form name="vform" id="vform" method="get" action="test.php">
<label for="email">Email: </label>
<input type="text" name="email" id="email" class="email" autocomplete="off">
<img width="16" height="16" name="email" src="img/blank.gif" alt="">
<span class="expl">email address, like user@domain.com</span>
<br />
<label for="date">Date: </label>
<input type="text" name="date" id="date" class="required,date" autocomplete="off">
<img width="16" height="16" name="date" src="img/blank.gif" alt="">
<span class="expl">only date (mm/dd/yyyy), like 01/31/2008</span>
<br />
<label for="number">Number: </label>
<input type="text" name="number" id="number" class="required,number" autocomplete="off">
<img width="16" height="16" name="number" src="img/blank.gif" alt="">
<span class="expl">only numbers, like 1234</span>
<br />
<label for="alpha">Alpha: </label>
<input type="text" name="alpha" id="alpha" class="required,alpha" autocomplete="off">
<img width="16" height="16" name="alpha" src="img/blank.gif" alt="">
<span class="expl">only characters, like abcd</span>
<br />
<label for="alphanum">Alphanum: </label>
<input type="text" name="alphanum" id="alphanum" class="required,alphanum" autocomplete="off">
<img width="16" height="16" name="alphanum" src="img/blank.gif" alt="">
<span class="expl">numbers and/or characters, like 123abc</span>
<br />
<br />
<input type="submit" name="submit" id="submit" value="Submit">
</form>
</body>
</html>