SoccerBulletin.com::Register<title> </head> <body> <div style="float:right"> <a href="login.php">Login</a> | <a href="register.php">Register</a> </div> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){ var validate = $("#register").validate({ rules:{ username:{ required:true }, email:{ required:true, email:true }, password:{ required:true, minlength: 8 }, confirm_password:{ required:true, minlength: 8 }, categories:{ required:true } }, messages: { username:{ required:"<br/><font style='color:red'>Username is required</font>" }, email:{ required:"<br/><font style='color:red'>Email is required</font>", email:"<br/><font style='color:red'>Email format is not correct</font>" }, password:{ required:"<br/><font style='color:red'>Password is required</font>", minlength:"<br/><font style='color:red'>Password should be at least 8 characters</font>" }, confirm_password:{ required:"<br/><font style='color:red'>Password is required</font>", minlength:"<br/><font style='color:red'>Password should be at least 8 characters</font>" }, categories:{ required:"<br/><font style='color:red'>Category is required</font>" } } }); }); </script> <form id="register" action="controller.php" method=POST> <table class="font" align="center" width="90%" border="0" cellspacing="5" cellpadding="0"> <tr> <td valign="top" align="right"> <font style="color:red;">*</font> Username : </td> <td valign="top" align="left"> <input type="text" class="common_form" maxlength="20" name="username" id="username" value=""> </td> </tr> <tr> <td valign="top" align="right"> <font style="color:red;">*</font> Email : </td> <td valign="top" align="left"> <input type="text" class="common_form" maxlength="100" name="email" id="email" value=""> </td> </tr> <tr> <td valign="top" align="right"> <font style="color:red;">*</font> Password : </td> <td valign="top" align="left"> <input type="password" class="common_form" maxlength="20" name="password" id="password" value=""> </td> </tr> <tr> <td valign="top" align="right"> <font style="color:red;">*</font> Confirm Password : </td> <td valign="top" align="left"> <input type="password" class="common_form" maxlength="20" name="confirm_password" id="confirm_password" value=""> </td> </tr> <tr> <td valign="top" align="right"> <font style="color:red;">*</font> Prefered Category : </td> <td valign="top" align="left"> <select id="categories" name="categories"> <option value=""> - - Please Select - - </option> <option value="49" >Algeria</option> <option value="50" >Argentina</option> <option value="51" >Australia</option> <option value="52" >Brazil</option> <option value="53" >Cameroon</option> <option value="54" >Chile</option> <option value="55" >Cote d'Ivoire</option> <option value="56" >Denmark</option> <option value="57" >England</option> <option value="58" >France</option> <option value="59" >Germany</option> <option value="60" >Ghana</option> <option value="61" >Greece</option> <option value="62" >Honduras</option> <option value="63" >Italy</option> <option value="64" >Japan</option> <option value="65" >Mexico</option> <option value="66" >Netherlands</option> <option value="67" >North Korea</option> <option value="68" >New Zealand</option> <option value="69" >Nigeria</option> <option value="70" >Paraguay</option> <option value="71" >Portugal</option> <option value="72" >Serbia</option> <option value="73" >Slovakia</option> <option value="74" >Slovenia</option> <option value="75" >South Africa</option> <option value="76" >South Korea</option> <option value="77" >Spain</option> <option value="78" >Switzerland</option> <option value="79" >United States</option> <option value="80" >Uruguay</option> </select> </td> </tr> <tr> <td> </td> <td valign="top" align="left"> <input type="hidden" name="page_name" id="page_name" value="register"> <input class="button115_a" type="submit" value="Register"> </td> </tr> </table> </form> </body> </html>