Added confirm password Functionality

Ojas-Arora · Jan 12, 2025 · e8298b4 · e8298b4
1 parent 2c75f94
commit e8298b4
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/register.css b/register.css
@@ -115,16 +115,17 @@ animation: slideInRight 1s ease-in-out;
 }
 
 .right-section h1 {
+margin-top: 28px;
 font-size: 28px;
-margin-bottom: 10px;
+margin-bottom: 3px;
 color: var(--section-color);
 }
 
 .subtitle {
 font-size: 16px;
 color: var(--subtitle-color);
 /* color: #666; */
-margin-bottom: 20px;
+margin-bottom: 12px;
 }
 
 .signup-form .input-group {
@@ -141,7 +142,7 @@ color: var(--label-color);
 
 .signup-form .input-group input {
 width: 100%;
-padding: 12px;
+padding: 10px;
 border: 1px solid #ddd;
 border-radius: 8px;
 transition: all 0.3s;
@@ -175,7 +176,9 @@ font-size: 14px;
 text-align: center;
 color: var(--login-link-color);
 }
-
+.social-login {
+  margin-top: 5px;
+}
 .login-link a {
 color: #ff5733;
 text-decoration: none;

diff --git a/register.html b/register.html
@@ -115,37 +115,46 @@ <h2>Ajivika</h2>
     <div class="right-section">
       <h1>Create an Account</h1>
       <p class="subtitle">Sign up to explore more!</p>
-      <form id="signup-form" class="signup-form">
+      <form id="signupForm" method="post" action="/signup" class="signup-form">
         <div id="errorelem" class="error-message"></div>
         <div class="input-group">
           <label for="email">
             <i class="fas fa-envelope"></i>
             Email
           </label>
-          <input type="email" id="email" placeholder="Enter your email" required>
+          <input type="email" id="email" name="email" placeholder="Enter your email" required>
           <div id="errorelemEmail" class="error-message"></div>
         </div>
         <div class="input-group">
           <label for="username">
             <i class="fas fa-user"></i>
             Username
           </label>
-          <input type="text" id="username" placeholder="Choose a username" required>
+          <input type="text" id="username" name="username" placeholder="Choose a username" required>
           <div id="errorelemUsername" class="error-message"></div>
         </div>
         <div class="input-group">
           <label for="password">
             <i class="fas fa-lock"></i>
             Password
           </label>
-          <input type="password" id="password" placeholder="Enter your password" required>
+          <input type="password" id="password" name="password" placeholder="Enter your password" required>
           <div id="errorelemPass" class="error-message"></div>
         </div>
+        <div class="input-group">
+          <label for="confirmPassword">
+            <i class="fas fa-lock"></i>
+            Confirm Password
+          </label>
+          <input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm your password" required>
+          <div id="errorelemConfirmPass" class="error-message"></div>
+        </div>
         <button type="submit" class="signup-btn">Sign Up</button>
         <p class="login-link">
           Already have an account? <a href="login.html" id="login-link">Log in here</a>
         </p>
       </form>
+
 
       <div class="social-login">
         <button id="google" class="social-btn google" aria-label="Log in with Google">