01.<head>
02.<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
03.<script type="text/javascript">
04.$(document).ready(function(){
05.
06. $("form.register").change(function() {
07. $.post("check.php", $("form.register").serialize(), function( data ) {
08. if( data.username == "inuse" )
09. $("p#username_error").slideDown();
10. else
11. $("p#username_error").hide();
12. if( data.password == "missmatch" )
13. $("p#password_error").slideDown();
14. else
15. $("p#password_error").hide();
16. if( data.email == "notvalid" )
17. $("p#email_error").slideDown();
18. else
19. $("p#email_error").hide();
20. }, "json");
21. });
22.});
23.
24.</script>
25.</head>
26.<body>
27.<form action="" method="post" class="register">
28. <fieldset>
29. <legend>Registration</legend>
30. <input type="text" name="username" value="" />
31. <label>desired username</label>
32. <p id="username_error" class="error">That Username is unavailable</p>
33. <input type="password" name="password" value="" />
34. <label>password</label>
35. <input type="password" name="password_again" value="" />
36. <label>password Again</label>
37. <p id="password_error" class="error">Passwords do not match</p>
38. <input type="text" name="email" value="" />
39. <label>email</label>
40. <p id="email_error" class="error">Email is not valid</p>
41. <input type="submit" name="submit" value="register" />
42. </fieldset>
43.</form>
44.</body>
