diff options
Diffstat (limited to 'public/register.php')
-rw-r--r-- | public/register.php | 34 |
1 files changed, 30 insertions, 4 deletions
diff --git a/public/register.php b/public/register.php index f0f6596..0ef7e18 100644 --- a/public/register.php +++ b/public/register.php @@ -1,5 +1,6 @@ +<!DOCTYPE html> <?php include "../lib/login.php" ?> -<?php // if_logged_in(true, "/") ?> +<?php if_logged_in(true, "/") ?> <?php do { if ($_SERVER['REQUEST_METHOD'] !== 'POST') break; @@ -17,6 +18,8 @@ do { <?php include 'head.php' ?> <title>registeren</title> <link rel='stylesheet' type='text/css' media='screen' href='login.css'> + <link rel='stylesheet' type='text/css' media='screen' href='register.css'> + <script defer src="register.js"></script> </head> <body> <?php include 'navbar.php' ?> @@ -25,10 +28,33 @@ do { <div class="modal"> <form action="/register.php" method="post"> <label for="username">Gebruikersnaam</label> - <input id="username" name="username" type="text" placeholder="gebruikersnaam" class="buttonstyle"> + <input id="username" name="username" type="text" placeholder="gebruikersnaam" class="buttonstyle" autocomplete="username" autofocus> + <div class="check-popup check-username"> + <ul id="username-requirements" class="requirements"> + <li class="requirement len-3"><span class="inner">Minimaal 3 letters lang</span></li> + <li class="requirement nosymbol"><span class="inner">Geen symbolen</span></li> + <li class="requirement nospace"><span class="inner">Geen spaties</span></li> + </ul> + </div> + <label for="username">E-mail adres</label> + <input id="email" name="email" type="text" placeholder="e-mail" class="buttonstyle" autocomplete="email"> + <div class="check-popup check-email"> + <ul id="email-requirements" class="requirements"> + <li class="requirement valid"><span class="inner">Geldig e-mail adres</span></li> + </ul> + </div> <label for="password">Wachtwoord</label> - <input id="password" name="password" type="password" placeholder="wachtwoord" class="buttonstyle"> - <input type="submit" value="Registreren" class="button filled"> + <input id="password" name="password" type="password" placeholder="wachtwoord" class="buttonstyle" autocomplete="new-password"> + <div class="check-popup check-password"> + <ul id="password-requirements" class="requirements"> + <li class="requirement len-8"><span class="inner">Minimaal 8 tekens lang</span></li> + <li class="requirement digit-2"><span class="inner">Minimaal 2 cijfers</span></li> + <li class="requirement symbol-2"><span class="inner">Minimaal 2 symbolen</span></li> + <li class="requirement has-uppercase"><span class="inner">Bevat hoofdletter(s)</span></li> + <li class="requirement has-lowercase"><span class="inner">Bevat kleine letter(s)</span></li> + </ul> + </div> + <input id="register-submit" type="submit" value="Registreren" class="button filled"> </form> <span class="register">Of <a href="/login.php">inloggen</a></span> </div> |