From 75a581386e32772ce45464aadec93efcfbfef2fe Mon Sep 17 00:00:00 2001
From: Jack <hui2@pdx.edu>
Date: Sun, 13 Jan 2019 16:22:06 -0800
Subject: [PATCH] Create webpage with text input boxes for username and
 password and a second password verification box for creating a user account.
 Secondary password box should verify that the passwords match. Each text for
 now should be at least 4 characters long

---
 front/static/signup.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
diff --git a/front/static/signup.html b/front/static/signup.html
index 5282bbc..a8905a4 100644
--- a/front/static/signup.html
+++ b/front/static/signup.html
@@ -8,4 +8,28 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <title>Sign up</title>
 </head>
+<body>
+<h1>Sign up page</h1>
+<form id="signup">
+    User Name: <input type="text" id="userName" minlength="4" size="10" required="required"><br>
+    Password: <input type="password" id="password" minlength="4" size="10" required="required"><br>
+    Confirm Password: <input type="password" id="confirmPassword"><br>
+    <input type="submit" value="Submit" formaction="index.html">
+    <a class="nav-link" href="index.html">Return to main menu</a>
+</form>
+</body>
+<script type = "text/JavaScript">
+    var password = document.getElementById("password");
+    var confirm_password = document.getElementById("confirmPassword");
+    function validatePassword(){
+        if(password.value != confirm_password.value) {
+            confirm_password.setCustomValidity("Passwords Don't Match");
+        }
+        else {
+            confirm_password.setCustomValidity('');
+        }
+    }
+    password.onchange = validatePassword;
+    confirm_password.onkeyup = validatePassword;
+</script>
 </html>
\ No newline at end of file
