m4dh4tt3r

create account

Jul 11th, 2017
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.61 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <?PHP
  4. $nameErr = "";
  5. $surnameErr = "";
  6. $emailErr = "";
  7. $usernameErr = "";
  8. $passwordErr = "";
  9. $countryErr = "";
  10. $cityErr = "";
  11. $typeErr = "";
  12. $schoolErr = "";
  13.  
  14. $name = "";
  15. $surname = "";
  16. $email = "";
  17. $username = "";
  18. $password = "";
  19. $country = "";
  20. $city = "";
  21. $type = "";
  22. $school = "";
  23.  
  24. $submit = "";
  25.  
  26. if ($_SERVER["REQUEST_METHOD"] == "POST") {
  27.  $name = $_POST["myname"];
  28.  $surname = $_POST["mysurname"];
  29.  $email = $_POST["myemail"];
  30.  $username =$_POST["myusername"];
  31.  $password = $_POST["pass1"];
  32.  $country = $_POST["mycountry"];
  33.  $city = $_POST["mycity"];
  34.  $type = $_POST["mytype"];
  35.  $school = $_POST["myschool"];
  36.    
  37. }
  38. }
  39.  
  40. ?>
  41. <html>
  42. <head>
  43.   <meta charset="utf-8">
  44.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  45.   <meta name="description" content="">
  46.   <meta name="keywords" content="">
  47.   <meta name="generator" content="Responsive Site Designer 1.5.1419">
  48.   <title>Share to teach</title>
  49.   <link rel="stylesheet" href="css/coffeegrinder.min.css">
  50.   <link rel="stylesheet" href="css/wireframe-theme.min.css">
  51.   <script>document.createElement( "picture" );</script>
  52.   <script src="js/picturefill.min.js" class="picturefill" async="async"></script>
  53.   <link rel="stylesheet" href="css/main.css">
  54. <style>
  55. .error {color: #FF0000;}
  56. </style>
  57. </head>
  58. <body>
  59.  <div class="row full-width-row header">
  60.     <header class="coffee-span-12">
  61.       <div class="container header-container">
  62.         <h1 class="page-heading">For the love of teaching</h1>
  63.         <p class="paragraph tagline">Welcome<br>
  64.         </p>
  65.       </div>
  66.     </header>
  67.   </div>
  68.     <div style="float:right">
  69. <form align="right" name="form1" method="POST" >
  70. <form action="LOGIN_page.html">
  71.   <label class="logoutLblPos">
  72.   <input name="submit2" type="submit" id="submit2" value="log in">
  73.   </label>
  74. </form>
  75. </div>
  76.   <div class="row">
  77.     <div class="coffee-span-12 nav-column">
  78.      
  79.     </div>
  80.   </div>
  81.   <main class="row">
  82.     <article class="coffee-span-8 coffee-880-span-8 coffee-549-span-12 coffee-700-span-12">
  83. <div  
  84. <tr>
  85. <form name="form1" method="POST" action="dispatcher.php">
  86. <td>
  87. <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
  88. <tr>
  89. <td colspan="3"><strong>Create account </strong></td>
  90. </tr>
  91. <tr>
  92. <td>
  93. <p><span class="error">* required fields.</span></p>
  94. </td>
  95. </tr>
  96. <tr>
  97. <td>Username</td>
  98. <td>:</td>
  99. <td colspan="3"><input name="myusername" size="8" maxlength="15" type="text" id="myusername">
  100. <span class="error">* <?php echo $usernameErr;?></span></td>
  101. </tr>
  102.  
  103. <tr>
  104. <td>
  105.         <div class="fieldWrapper">
  106.           <label for="pass1">Password:</label></td>
  107.           <td>:</td>
  108.           <td colspan="3">   <input name="pass1" id="pass1" type="password">
  109.           <span class="error">* <?php echo $passwordErr;?></span></td>
  110.         </div>
  111.        
  112.     </td>
  113.     </tr>
  114.     <tr>   
  115.        
  116.        
  117.         <div class="fieldWrapper">
  118.            <td> <label for="pass2">Confirm Password:</label></td>
  119.             <td>:</td>
  120.           <td colspan="3">  <input name="pass2" id="pass2" onkeyup="checkPass(); return false;" type="password">
  121.             <span id="confirmMessage" class="confirmMessage"></span>
  122.             <span class="error">* <?php echo $passwordErr;?></span></td>
  123.         </div>
  124.   </td>
  125.   </tr>
  126.    
  127.     <script>
  128.    
  129.     function checkPass()
  130. {
  131.     //Store the password field objects into variables ...
  132.     var pass1 = document.getElementById('pass1');
  133.     var pass2 = document.getElementById('pass2');
  134.     //Store the Confimation Message Object ...
  135.     var message = document.getElementById('confirmMessage');
  136.     //Set the colors we will be using ...
  137.     var goodColor = "#66cc66";
  138.     var badColor = "#ff6666";
  139.     //Compare the values in the password field
  140.     //and the confirmation field
  141.     if(pass1.value == pass2.value){
  142.         //The passwords match.
  143.         //Set the color to the good color and inform
  144.         //the user that they have entered the correct password
  145.         pass2.style.backgroundColor = goodColor;
  146.         message.style.color = goodColor;
  147.         message.innerHTML = "Passwords Match!"
  148.     }else{
  149.         //The passwords do not match.
  150.         //Set the color to the bad color and
  151.         //notify the user.
  152.         pass2.style.backgroundColor = badColor;
  153.         message.style.color = badColor;
  154.         message.innerHTML = "Passwords Do Not Match!"
  155.         $submit = False;
  156.     }
  157. }
  158.    
  159.    
  160.     </script>
  161.    
  162. </tr>
  163. </td>
  164. <tr>
  165. <td width="78">Name </td>
  166. <td width="6">:</td>
  167. <td colspan="3" width="294"><input name="myname" size="8" maxlength="25" type="text" id="myname">
  168. <span class="error">* <?php echo $nameErr;?></span></td>
  169. </tr>
  170. <tr>
  171. <td width="78">Surname </td>
  172. <td width="6">:</td>
  173. <td colspan="3" width="294"><input name="mysurname" size="8" maxlength="25" type="text" id="mysurname">
  174. <span class="error">* <?php echo $surnameErr;?></span></td>
  175. </tr>
  176. <tr>
  177. <td>School/Institute</td>
  178. <td>:</td>
  179. <td colspan="3"><input name="myschool" size="8" maxlength="15" type="text" id="myschool">
  180. <span class="error">* <?php echo $schoolErr;?></span></td>
  181. </tr>
  182. <tr>
  183. <td>Email</td>
  184. <td>:</td>
  185. <td colspan="3"><input name="myemail" size="8" maxlength="15" type="text" id="myemail">
  186. <span class="error">* <?php echo $emailErr;?></span></td>
  187. </tr>
  188. <tr>
  189. <td>Country</td>
  190. <td>:</td>
  191. <td colspan="3"><input name="mycountry" size="8" type="text" id="country">
  192. <span class="error">* <?php echo $countryErr;?></span></td>
  193. </tr>
  194. <tr>
  195. <td>City</td>
  196. <td>:</td>
  197. <td colspan="3"><input name="mycity" size="8" type="text" id="city">
  198. <span class="error">* <?php echo $cityErr;?></span></td>
  199. </tr>
  200. <tr>
  201. <td>type</td>
  202. <td>:</td>
  203. <td colspan="3">
  204. <input type="radio" name="mytype" value="student">Student
  205. <input type="radio" name="mytype" value="teacher">Teacher
  206. </td>
  207. </tr>
  208. <td>
  209. <td>
  210.  
  211. <input type="submit" value="Submit" action ="SubmitFunction()" >
  212. </form>
  213. </td>
  214. </tr>
  215.  
  216. <script>
  217. function SubmitFunction() {
  218.    if($submit = False){
  219.    
  220.    echo("error");
  221.    
  222.    }
  223.    else{
  224.    
  225.    alert($_POST["myname"]);
  226.    
  227.    }
  228. }
  229.  
  230.  
  231.  alert($_POST["myname"]);
  232.  
  233. </script>
  234.  
  235. </table>
  236. </form>
  237. </tr>
  238. </div>
  239.       <p class="paragraph"></p>
  240.       <p class="paragraph"></p>
  241.       <p class="paragraph"></p>
  242.       <div class="rule rule-2">
  243.           <hr>
  244.         </div>
  245.       </div>
  246.     </article>
  247.   <div class="coffee-span-4 coffee-549-span-12 coffee-700-span-12">
  248.       <h2 class="heading-1"></h2>
  249.       <p class="paragraph"> </p>
  250.       <p class="paragraph"></p>      
  251.       <p class="paragraph"></p>
  252.       <p class="paragraph"></p>
  253.       <p class="paragraph"></p>
  254.  
  255.        <div class="rule">
  256.         <hr>
  257.       </div>
  258.     </div>
  259.   </main>
  260.   <div class="row full-width-row footer">
  261.     <div class="coffee-span-14">
  262.       <footer class="subgrid">
  263.         <div class="row">
  264.           <div class="coffee-span-3 hidden-column"></div>
  265.           <div class="coffee-span-9 coffee-880-span-12">
  266.            
  267.           </div>
  268.         </div>
  269.         <div class="row">
  270.           <div class="coffee-span-12">
  271.             <div class="rule rule-1">
  272.               <hr>
  273.             </div>
  274.           </div>
  275.         </div>
  276.         <div class="row">
  277.           <div class="coffee-span-3 hidden-column"></div>
  278.           <div class="coffee-span-9 coffee-880-span-12">
  279.             <p class="paragraph copywright">Redesigned <a title="" href="http://www.coffeecup.com/html-editor/" class="footer-link" target="_blank">HTML Editor</a> Theme using <a title="" href="http://www.coffeecup.com/designer/" class="footer-link" target="_blank">Responsive Site Designer</a>
  280.             </p>
  281.           </div>
  282.         </div>
  283.       </footer>
  284.     </div>
  285.   </div>
  286. </body>
  287. </html>
Add Comment
Please, Sign In to add comment