MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Joey testing #33

Merged
11057122 merged 2 commits from joey-testing into master 2017-01-13 10:39:19 +01:00
Conversation 2 Commits 2 Files Changed 1 +44 -135
1 changed files with 44 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
website/login.php
View File

@@ -12,19 +12,19 @@
<img style="width:50%;margin-left:25%" src="img/top-logo.png" alt="MyHyvesbook+"> <img style="width:50%;margin-left:25%" src="img/top-logo.png" alt="MyHyvesbook+">
</div> </div>
<form action="/profile.php" method="post"> <form action="../profile.php" method="post">
<h1>Welkom bij MyHyvesbook+ </h1> <h1>Welkom bij MyHyvesbook+</h1>
<div class="login_containerlogin"> <div class="login_containerlogin">
<label><b>Gebruikersnaam</b></label> <label><b>Gebruikersnaam</b></label>
<input type="text" placeholder="Voer je gebruikersnaam in" name="uname" <input type="text" placeholder="Voer uw gebruikersnaam in" name="uname"
pattern=".{6,}" title="Moet zes of meer karakters zijn" required> pattern=".{6,}" title="Moet 6 of meer karakters bevatten" required>
</div> </div>
<div class="login_containerlogin"> <div class="login_containerlogin">
<label><b>Wachtwoord</b></label> <label><b>Wachtwoord</b></label>
<input type="password" placeholder="Voer je wachtwoord in" name="psw" <input type="password" placeholder="Voer uw wachtwoord in" name="psw"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Moet miniaal 1 cijfer, 1 hoofdletter en kleine letter hebben en minstens 8 of meer karakters zijn" required> title="Moet minimaal 1 cijfer, hoofdletter en kleine letter bevatten en minstens 8 karakters lang zijn" required>
</div> </div>
<div class="login_containerlogin"> <div class="login_containerlogin">
@@ -36,97 +36,6 @@
<button onclick="document.getElementById('id01').style.display='block'">Registreer</button> <button onclick="document.getElementById('id01').style.display='block'">Registreer</button>
</div> </div>
<div class="login_containerregister">
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal">&times;</span>
<!-- Register Content -->
<form class="modal-content animate" action="/profile.php" onsubmit="return passwordfunction()" method="post">
<h2>Registreer je account</h2>
<div class="login_containerregister">
<label><b>Naam</b></label>
<input type="text" placeholder="Voer je naam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Achternaam</b></label>
<input type="text" placeholder="Voer je achternaam in" name="surname"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Geboortedatum</b></label>
<!-- These are the select elements we will target -->
<select id="dobday" title="Voer een dag in"required></select>
<select id="dobmonth" title="Voer een maand in"required></select>
<select id="dobyear" title="Voer een jaar in"required></select>
<!-- And here's the library being called! -->
<script>
$(document).ready(function() {
$.dobPicker({
daySelector: '#dobday', /* Required */
monthSelector: '#dobmonth', /* Required */
yearSelector: '#dobyear', /* Required */
dayDefault: 'Dag', /* Optional */
monthDefault: 'Maand', /* Optional */
yearDefault: 'Jaar', /* Optional */
minimumAge: 12, /* Optional */
maximumAge: 80 /* Optional */
});
});
</script>
</div>
<div class="login_containerregister">
<label><b>Gebruikersnaam</b></label>
<input type="text" placeholder="Voer je gebruikersnaam in" name="username"
pattern=".{6,}" title="Moet meer dan 6 karakers zijn" required>
</div>
<div class="login_containerregister">
<label><b>Wachtwoord</b></label>
<input type="password" placeholder="Voer je wachtwoord in" name="password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password"
title="Moet miniaal 1 cijfer, 1 hoofdletter en kleine letter hebben en minstens 8 of meer karakters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Herhaal wachtwoord</b></label>
<input type="password" placeholder="Herhaal wachtwoord" name="confirmpassword"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="confirmpassword"
title="Herhaal wachtwoord" required>
</div>
<div class="login_containerregister">
<label><b>Straatnaam</b></label>
<input type="text" placeholder="Voer jouw straatnaam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required>
</div>
<div class="login_containerregister">
<label><b>Straatnummer</b></label>
<input type="text" placeholder="Voer jouw straatnummer in" name="name"
pattern="[1-9][0-9]{0,}" title="Moet alleen nummers zijn" required>
</div>
<div class="login_containerregister">
<label><b>Email</b></label>
<input type="email" placeholder="Voer je email in" id="email"
title="Voer een geldige email in" required>
</div>
<div class="login_containerregister">
<input type="submit" value="Registreer je account" name="Submit" id="frm1_submit" />
</div>
</form>
<div class="login_containerlogin">
<button onclick="document.getElementById('id01').style.display='block'">Registreer</button>
</div>
<div class="login_containerregister"> <div class="login_containerregister">
<div id="id01" class="modal"> <div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'" <span onclick="document.getElementById('id01').style.display='none'"
@@ -134,18 +43,18 @@
<!-- Register Content --> <!-- Register Content -->
<form class="modal-content animate" action="../profile.php" onsubmit="return passwordfunction()" method="post"> <form class="modal-content animate" action="../profile.php" onsubmit="return passwordfunction()" method="post">
<h2>Registreer je account</h2> <h2>Registreer uw account</h2>
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Naam</b></label> <label><b>Naam</b></label>
<input type="text" placeholder="Voer je naam in" name="name" <input type="text" placeholder="Voer uw naam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required> pattern="[A-Za-z]{1,}" title="Mag alleen letters bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Achternaam</b></label> <label><b>Achternaam</b></label>
<input type="text" placeholder="Voer je achternaam in" name="surname" <input type="text" placeholder="Voer uw achternaam in" name="surname"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required> pattern="[A-Za-z]{1,}" title="Mag alleen letters bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
@@ -173,15 +82,15 @@
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Gebruikersnaam</b></label> <label><b>Gebruikersnaam</b></label>
<input type="text" placeholder="Voer je gebruikersnaam in" name="username" <input type="text" placeholder="Voer uw gebruikersnaam in" name="username"
pattern=".{6,}" title="Moet meer dan 6 karakers zijn" required> pattern=".{6,}" title="Moet minstens 6 karakters bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Wachtwoord</b></label> <label><b>Wachtwoord</b></label>
<input type="password" placeholder="Voer je wachtwoord in" name="password" <input type="password" placeholder="Voer uw wachtwoord in" name="password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password"
title="Moet miniaal 1 cijfer, 1 hoofdletter en kleine letter hebben en minstens 8 of meer karakters zijn" required> title="Moet minimaal 1 cijfer, hoofdletter en kleine letter bevatten en minstens 8 karakters bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
@@ -193,24 +102,24 @@
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Straatnaam</b></label> <label><b>Straatnaam</b></label>
<input type="text" placeholder="Voer jouw straatnaam in" name="name" <input type="text" placeholder="Voer uw straatnaam in" name="name"
pattern="[A-Za-z]{1,}" title="Moet alleen letters zijn" required> pattern="[A-Za-z]{1,}" title="Mag alleen letters bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Straatnummer</b></label> <label><b>Straatnummer</b></label>
<input type="text" placeholder="Voer jouw straatnummer in" name="name" <input type="text" placeholder="Voer uw straatnummer in" name="name"
pattern="[1-9][0-9]{0,}" title="Moet alleen nummers zijn" required> pattern="[1-9][0-9]{0,}" title="Mag alleen nummers bevatten" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
<label><b>Email</b></label> <label><b>Email</b></label>
<input type="email" placeholder="Voer je email in" id="email" <input type="email" placeholder="Voer uw email in" id="email"
title="Voer een geldige email in" required> title="Voer een geldige email in" required>
</div> </div>
<div class="login_containerregister"> <div class="login_containerregister">
<input type="submit" value="Registreer je account" name="Submit" id="frm1_submit" /> <input type="submit" value="Registreer uw account" name="Submit" id="frm1_submit" />
</div> </div>
</form> </form>
</div> </div>
@@ -242,7 +151,7 @@
document.getElementById("password").style.borderColor = "red"; document.getElementById("password").style.borderColor = "red";
document.getElementById("confirmpassword").style.borderColor = "red"; document.getElementById("confirmpassword").style.borderColor = "red";
passwordmatching = false; passwordmatching = false;
confirmpassword.setCustomValidity("Wachwoord match niet") confirmpassword.setCustomValidity("Wachtwoorden matchen niet")
} }
return passwordmatching; return passwordmatching;
} }