diff --git a/static/login.html b/static/login.html
index 1446f54..3a415ba 100644
--- a/static/login.html
+++ b/static/login.html
@@ -13,15 +13,15 @@
     <form method = "post">
       <div class="mb-3">
         <label for="exampleInputEmail1" class="form-label">Email address</label>
-        <input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
+        <input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp">
         <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
       </div>
       <div class="mb-3">
         <label for="exampleInputPassword1" class="form-label">Password</label>
-        <input type="password" name="password" class="form-control" id="exampleInputPassword1">
+        <input type="password" name="password" class="form-control" id="password">
       </div>
       <div class="mb-3 form-check">
-        <input type="checkbox" class="form-check-input" id="exampleCheck1">
+        <input type="checkbox" class="form-check-input" id="exampleCheck1" onclick="showPass()">
         <label class="form-check-label" for="exampleCheck1">Show Password</label>
       </div>
       <input type="submit" class="btn btn-primary" value="Submit">
@@ -30,5 +30,6 @@
       </div>
     </form>
     </div>
+    <script src="login.js"></script>
   </body>
 </html>
diff --git a/static/login.js b/static/login.js
new file mode 100644
index 0000000..9e9cb15
--- /dev/null
+++ b/static/login.js
@@ -0,0 +1,15 @@
+const email = document.getElementById("email");
+const emailHelp = document.getElementById("emailHelp");
+const emailRegex = /^[^\s@]+@my\.utsa\.edu$/;
+const password = document.getElementById("password");
+const passwordHelp = document.getElementById("passwordHelp");
+const passwordRegex = /^.{8,}$/;
+
+function showPass(){
+    if(password.type === "password"){
+        password.type = "text";
+    }
+    else{
+        password.type = "password";
+    }
+}