diff options
Diffstat (limited to 'views/signup.ejs')
| -rw-r--r-- | views/signup.ejs | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/views/signup.ejs b/views/signup.ejs index b6b0eae..3d1356b 100644 --- a/views/signup.ejs +++ b/views/signup.ejs @@ -100,7 +100,7 @@ <div class="form-group"> <label for="emailSignup" class="sr-only">Email</label> <input type="email" name="emailSignup" id="emailSignup" class="form-control mr-2" - placeholder="Email" pattern=".{6,}" required> + placeholder="Email" pattern=".{6,}"> <small id="loginUserhelp" class="form-text text-muted">Don't worry, we never share your email with anyone. Fake users will be pruned and deleted.</small> </div> <div class="form-group"> @@ -111,8 +111,25 @@ </div> <div class="form-group"> <label for="passSignup" class="sr-only">Password</label> - <input type="password" name="passSignup" id="passSignup" class="form-control mr-2" + <input type="password" name="passSignup" id="passSignup" class="form-control mr-2 mb-2" placeholder="Password" pattern=".{3,}" required> + <input type="password" name="passSignupCheck" id="passSignupCheck" class="form-control mr-2" + placeholder="Confirm Password" pattern=".{3,}" required> + <script> + var password = document.getElementById("passSignup"), + confirm_password = document.getElementById("passSignupCheck"); + + function validatePassword() { + if (password.value != confirm_password.value) { + confirm_password.setCustomValidity("Passwords do not match!"); + } else { + confirm_password.setCustomValidity(''); + } + } + + password.onchange = validatePassword; + confirm_password.onkeyup = validatePassword; + </script> <small id="loginUserhelp" class="form-text text-muted">Pick something secure and easy to remember! Must be atleast 3 characters.</small> <div> <input type="checkbox" class="form-check-input" id="terms-check" required style="margin-left: 0 !important; margin-top: .45rem;"> @@ -132,7 +149,7 @@ </div> </div> - <footer> + <footer class="hideme"> <link rel="stylesheet" type="text/css" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> Made with <i class="icon ion-heart"></i> by <a href="https://kyzer.co/">Sin</a> (in only 10 hours). |