htdocs/user_reg.php at main · SonofLastPanda/htdocs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!-- Code for the webpage in which one can register as a user.  -->
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet" type="text/css"/> <!-- Connecting to the css file named styles.css -->
    <div class="header">
    <h1><img src="logo1.2.png" alt="BatGirl logo" width="50" height="50" style= "margin-bottom: -10px; margin-left: 15px; margin-right: 0px;">CoTRACK-19<form method="get" action="index.php"><button type="submit" id="myButton" class="button button_header" style="margin-right:7px; top:-53px;";>HOME</form></h1>
    </div>
  </head>
  <body>
  <div class="container">
  <img src="map_background.png" class=body_frontpage>

    <div class="scrollbar" id="style2">
      <div class="boxed_c" id="style2">
      <div class="scroll_user" id="style2">
      <form action="./performreg.php" method="POST" id="submit">
      <div>
      <h1 style= "text-align: center;">User Registration</h1>
      <p>Please fill in the form below:</p>
      <label><b>Username:</b></label>
      <input type="text" placeholder="Enter a Fun Username" name="username" required><br><br>
      <label><b>Email:</b></label>
      <input type="email" placeholder="Enter Email" name="useremail" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required><br><br>
      <label><b>Password:</b></label>
      <input type="password" placeholder="Enter Password" name="userpassword" id="userpassword" minlength= "8"required><br><br>
      <label><b>Confirm Password:</b></label>
      <input type="password" placeholder="Confirm Password" name="confirm_password" id="confirm_password" required><br><br>
      <label for="Nationality"><b>Nationality:</b></label>
      <select id="nationality" name="nationality">
      <!--<option value="choose">Nationality</option>
      <option value="HongKong">Hong Kong</option>
      <option value="India">India</option>-->
      <option value="Sweden">Sweden</option>
      <!--<option value="Turkey">Türkiye</option>-->
      </select><br><br>
      <p>Please validate by submitting your CAPTCHA:</p>
        <div class="captchabackground">
        <canvas id="captcha" style="position:relative; top:-45px; left:-20px;">captcha text</canvas> </div>
        <div><p style="position: relative;top: -125px; left:1px;">Enter CAPTCHA here:</p><input id="textBox" type="text" name="text"style="position: relative; top: -162px; left: 205px;"><div>
        <div><button id="refreshButton" type="submit" class= "button button_register" style="position:relative; top:-120px;left:130px;">REFRESH CAPTCHA</button></div>
        <span id="output"></span>
        <script src="script.js"></script>
      <p style="position:relative; top:-100px; left:-10px;">By creating an account you agree to our <a href="terms.php" style="color:dodgerblue; position:relative;">Terms & Privacy</a>.</p>

      <div>
      <button type="submit" form="submit"  value="Submit"  class= "button button_register" onclick="return Validate()"; style= "margin-left:43px; top:-90px;">REGISTER</button>
      </div>
      </div>
      </div>
</div>
      </form>
    </div>
  </body>
</div>
</div>
<script type="text/javascript">
    function Validate() {
        var password = document.getElementById("userpassword").value;
        var confirmPassword = document.getElementById("confirm_password").value;
        if (password != confirmPassword) {
            alert("Passwords do not match.");
            return false;
        }
        return true;
    }
</script>
</html>
<!-- style="position: relative; top: -45px; font-family: 'Red Hat Display';" -->