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

Merge branch 'joey-testing' into 'master'

Browse Source 
fixed identation

See merge request !24
This commit was merged in pull request #28.
This commit is contained in:
Marijn Jansen
2017-01-12 15:04:26 +01:00
parent c15643128a e9c883529b
commit 8b0ce920d7
1 changed files with 115 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
website/login.php
View File

@@ -123,37 +123,127 @@
</div> </div>
</form> </form>
</div> <div class="login_containerlogin">
</div> <button onclick="document.getElementById('id01').style.display='block'">Registreer</button>
<script> </div>
$("#default-settings").birthdayPicker();
</script> <div class="login_containerregister">
</body> <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" ></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',
monthSelector: '#dobmonth',
yearSelector: '#dobyear',
dayDefault: 'Dag',
monthDefault: 'Maand',
yearDefault: 'Jaar',
minimumAge: 12,
maximumAge: 80
});
});
</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>
</div>
<script>
$("#default-settings").birthdayPicker();
</script>
</body>
</html> </html>
<script> <script>
// Get the modal // Get the modal
var modal = document.getElementById('id01'); var modal = document.getElementById('id01');
// When the user clicks anywhere outside of the modal, close it // When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) { window.onclick = function(event) {
if (event.target == modal) { if (event.target == modal) {
modal.style.display = "none"; modal.style.display = "none";
} }
} }
</script> </script>
<script> <script>
function passwordfunction() { function passwordfunction() {
var password1 = document.getElementById("password").value; var password1 = document.getElementById("password").value;
var password2 = document.getElementById("confirmpassword").value; var password2 = document.getElementById("confirmpassword").value;
var passwordmatching = true; var passwordmatching = true;
if (password1 != password2) { if (password1 != password2) {
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("Wachwoord match niet")
}
return passwordmatching;
} }
return passwordmatching; </script>
}
</script>