From ac6b8bbe900c9fdf3b0ad1d823c9f2fd2d40abe9 Mon Sep 17 00:00:00 2001
From: 65160381 <65160381@go.buu.ac.th>
Date: Mon, 24 Mar 2025 14:24:24 +0000
Subject: [PATCH] Update file register.ejs
---
views/register.ejs | 24 ++++++++++++++++++++++--
1 file changed, 22 insertions(+), 2 deletions(-)
diff --git a/views/register.ejs b/views/register.ejs
index 0c5c367..25e8de5 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -41,6 +41,13 @@
<form action="/user/register" method="POST">
<h1 class="h3 mb-3 fw-normal">Sign up</h1>
+ <!-- Show error message if any -->
+ <% if (message && message.length > 0) { %>
+ <div class="alert alert-danger" role="alert">
+ <%= message %>
+ </div>
+ <% } %>
+
<div class="form-floating">
<label for="floatingUsername">Username</label>
<input type="text" class="form-control" id="floatingUsername" name="username" placeholder="Username" required>
@@ -72,12 +79,25 @@
</div>
<button class="btn btn-primary w-100 py-2" type="submit">Sign up</button>
- </form>
-
+ </form>
</main>
<script src="/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+ <script>
+ // Optional: JavaScript to check if passwords match before form submission
+ const form = document.querySelector('form');
+ form.addEventListener('submit', function(e) {
+ const password = document.getElementById('floatingPassword').value;
+ const confirmPassword = document.getElementById('floatingConfirmPassword').value;
+
+ if (password !== confirmPassword) {
+ e.preventDefault(); // Prevent form submission
+ alert('Passwords do not match!');
+ }
+ });
+ </script>
+
</body>
</html>
--
GitLab