39 lines
1.4 KiB
Plaintext
39 lines
1.4 KiB
Plaintext
|
extends ../../../templates/base.pug
|
||
|
|
block content
|
||
|
|
if registeringFailed
|
||
|
|
.alert There was an error.
|
||
|
|
|
||
|
|
.row
|
||
|
|
.col
|
||
|
|
.col
|
||
|
|
form(method="POST", action=getUrl("signupTarget"))
|
||
|
|
.form-group
|
||
|
|
input.form-control(type='text', name='username', placeholder='Username', autofocus='')
|
||
|
|
.form-group
|
||
|
|
input#email.form-control(type='email', name='email', placeholder='E-mail address')
|
||
|
|
.form-group
|
||
|
|
input#pass1.form-control(type='password', name='password', placeholder='Password')
|
||
|
|
.form-group
|
||
|
|
input#pass2.form-control(type='password', placeholder='Retype your password')
|
||
|
|
.form-group
|
||
|
|
input.btn.btn-primary.form-control(type='submit', value='Log in')
|
||
|
|
.col
|
||
|
|
|
||
|
|
block extrajs
|
||
|
|
script.
|
||
|
|
var mail = document.getElementById('email'),
|
||
|
|
pass = document.getElementById('pass1'),
|
||
|
|
pass2 = document.getElementById('pass2');
|
||
|
|
|
||
|
|
function validatePasswords() {
|
||
|
|
if (pass1.value === pass2.value) {
|
||
|
|
pass2.setCustomValidity('');
|
||
|
|
} else {
|
||
|
|
pass2.setCustomValidity("Passwords don't match");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
pass1.addEventListener('change', validatePasswords);
|
||
|
|
pass2.addEventListener('keyup', validatePasswords);
|
||
|
|
|