diff --git a/public/forgotpassword.js b/public/forgotpassword.js
new file mode 100644
index 0000000..10a163e
--- /dev/null
+++ b/public/forgotpassword.js
@@ -0,0 +1,51 @@
+console.log("forgotpassword.js has loaded!!!");
+
+function showError(input, message) {
+ const formControl = input.parentElement;
+ formControl.className = "form-control error";
+ const small = formControl.querySelector('small');
+ small.innerText = message
+}
+
+
+// function validateEmail(email) {
+// var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+// return emailPattern.test(email);
+// }
+
+// function validateUserName(username) {
+
+// }
+
+
+document.getElementById("password_form").addEventListener("submit", async function (e) {
+ e.preventDefault();
+ console.log("button is pressed");
+
+ const userEmailElement = document.getElementById("user_email");
+ const userNameElement = document.getElementById("username");
+
+ var userEmail = userEmailElement.value;
+ var username = userNameElement.value;
+
+ var isValid = true;
+
+ if (userEmail == '') {
+ var errorMessage = "Please enter an email address.";
+ showError(userEmailElement, errorMessage);
+ isValid = false;
+ }
+
+ if (username == '') {
+ var errorMessage = "Please enter a username.";
+ showError(userNameElement, errorMessage);
+ isValid = false;
+ }
+
+
+ if (!isValid) {
+ return false;
+ }
+
+
+});
\ No newline at end of file
diff --git a/public/password_page_1.html b/public/password_page_1.html
index 3d9e629..bb2c78c 100644
--- a/public/password_page_1.html
+++ b/public/password_page_1.html
@@ -5,7 +5,8 @@
Document
-
+
+
@@ -21,13 +22,13 @@
-
-
-
+