test1.php
<html> <head> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#username').change(function(){ var userName = $('#username').val(); $.post("getUserName.php", {userName: userName}, function(data){ $("#userNameCheck").html(data); }); }); $('#submit').click(function(){ //CODE HERE }); }); </script> </head> <body> <form action="" method="post" id="addform"> Username: <input type="text" name="username" id="username" size="24" class="required" maxlength="22" /> <div id="userNameCheck"></div> <input type="submit" id="submit" name="submit" value="ADD user" /> </form> </body> </html> <html> <head> <script type="text/