From d3e8342fdbcdb2fc10db88f1a2e8042eec163526 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=90inh=20Qu=E1=BB=91c=20Ch=C6=B0=C6=A1ng?=
 <quocchuong2609@gmail.com>
Date: Tue, 28 Nov 2023 21:53:28 +0700
Subject: [PATCH] update js register

---
 .../java/com/bakaqc/flower/dao/OrderDAO.java  |  1 +
 src/main/webapp/js/register.js                | 37 +++++++++++++++++++
 src/main/webapp/view/user_profile.jsp         | 23 +++++-------
 src/main/webapp/view/user_register.jsp        | 20 +++++-----
 4 files changed, 58 insertions(+), 23 deletions(-)
 create mode 100644 src/main/webapp/js/register.js

diff --git a/src/main/java/com/bakaqc/flower/dao/OrderDAO.java b/src/main/java/com/bakaqc/flower/dao/OrderDAO.java
index e085355..d917bfa 100644
--- a/src/main/java/com/bakaqc/flower/dao/OrderDAO.java
+++ b/src/main/java/com/bakaqc/flower/dao/OrderDAO.java
@@ -219,6 +219,7 @@ public List<HistoryBuy> historyBuy(int userId) {
         System.out.println(list);
         return list;
     }
+    
 
     public static void main(String[] args) {
         getInstance().historyBuy(2);
diff --git a/src/main/webapp/js/register.js b/src/main/webapp/js/register.js
new file mode 100644
index 0000000..c17dae1
--- /dev/null
+++ b/src/main/webapp/js/register.js
@@ -0,0 +1,37 @@
+const form = document.getElementById('register-form');
+const fullNameInp = document.getElementById('fullname');
+const yearOfBirthInp = document.getElementById('yearOfBirth');
+const addressInp = document.getElementById('address');
+const phoneNumberInp = document.getElementById('phone_number');
+const emailInp = document.getElementById('email');
+const errorMessage = document.getElementById('error-message');
+
+form.addEventListener('submit', function (send) {
+    event.preventDefault();
+
+    removeExtraSpaces(fullNameInp);
+    
+    const emailValue = emailInp.value;
+
+    if (!isValidEmail(emailValue)) {
+        errorMessage.textContent = 'Email không hợp lệ!';
+        emailInp.focus();
+        return;
+    }
+});
+
+emailInp.addEventListener('input', function () {
+    removeSpaces(emailInp);
+});
+
+function removeExtraSpaces(input) {
+    input.value = input.value.replace(/\s+/g, ' ').trim();
+}
+
+function isValidEmail(email) {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+}
+
+function removeSpaces(input) {
+    input.value = input.value.replace(/\s/g, '');
+}
\ No newline at end of file
diff --git a/src/main/webapp/view/user_profile.jsp b/src/main/webapp/view/user_profile.jsp
index 70c9b35..ba6eeed 100644
--- a/src/main/webapp/view/user_profile.jsp
+++ b/src/main/webapp/view/user_profile.jsp
@@ -247,21 +247,11 @@
                                                 </div>
                                                 <div class="d-flex justify-content-center" style="align-items: center;">
                                                     <ul class="pagination mt-3 mb-0">
-                                                        <li class="disabled page-item">
-                                                            <a href="#" class="page-link">‹</a>
-                                                        </li>
+
                                                         <li class="active page-item">
                                                             <a href="#" class="page-link">1</a>
                                                         </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">2</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">3</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">›</a>
-                                                        </li>
+
                                                     </ul>
                                                 </div>
                                             </div>
@@ -300,8 +290,13 @@
                                         <label for="phone">
                                             <h4>Giới Tính</h4>
                                         </label>
-
-                                        <input type="text" class="form-control" name="phone" id="phone" value="${sessionScope.user.gender.toString() == 'male' ? 'Nam' : 'Nữ'}" style="font-size: 18px;"/>
+                                                                                
+                                        <select name="gender" class="form-control form-select" aria-label=".form-select-lg example" style="font-size: 18px;">
+                                            <option value="male">Nam</option>
+                                            <option value="female">Nữ</option>
+                                        </select>
+                                        
+                                        <!--<input type="text" class="form-control" name="phone" id="phone" value="${sessionScope.user.gender.toString() == 'male' ? 'Nam' : 'Nữ'}" style="font-size: 18px;"/>-->
                                     </div>
                                 </div>
 
diff --git a/src/main/webapp/view/user_register.jsp b/src/main/webapp/view/user_register.jsp
index 4ec53b3..422cb42 100644
--- a/src/main/webapp/view/user_register.jsp
+++ b/src/main/webapp/view/user_register.jsp
@@ -28,40 +28,40 @@
 
                                     <h2 class="fw-bold text-uppercase text-center mb-5">Đăng Kí User</h2>
 
-                                    <form action="register" method="post">
+                                    <form id="register-form" action="register" method="post">
 
                                         <div class="form-outline mb-4">
                                             <label class="form-label" for="form3Example1cg">Họ và Tên</label>
-                                            <input name="fullname" type="text"  id="form3Example1cg" class="form-control form-control-lg" required value="${fullName}"/>
+                                            <input name="fullname" type="text"  id="fullname" class="form-control form-control-lg" required value="${fullName}"/>
                                         </div>
 
                                         <div class="form-outline mb-4">
                                             <label class="form-label" for="form3Example3cg">Năm Sinh</label>
-                                            <input name="yearOfBirth" type="number"  id="form3Example3cg" min="1900" max="2023" class="form-control form-control-lg" required value="${yearOfBirth}"/>
+                                            <input name="yearOfBirth" type="number"  id="yearOfBirth" min="1900" max="2023" class="form-control form-control-lg" required value="${yearOfBirth}"/>
                                         </div>
 
                                         <div class="form-outline mb-4">
                                             <label for="gender">Giới tính<span class="text-danger"></span></label>
 
                                             <select name="gender" class="form-select form-select-lg mb-3" aria-label=".form-select-lg example">
-                                                <option value="male">Male (Nam)</option>
-                                                <option value="female">Female (Nữ)</option>
+                                                <option value="male">Nam</option>
+                                                <option value="female">Nữ</option>
                                             </select>
                                         </div>
 
                                         <div class="form-outline mb-4">
                                             <label class="form-label" for="form3Example4cdg">Địa Chỉ</label>
-                                            <input name="address" type="text" id="form3Example4cdg" class="form-control form-control-lg" required value="${address}"/>
+                                            <input name="address" type="text" id="address" class="form-control form-control-lg" required value="${address}"/>
                                         </div>
 
                                         <div class="form-outline mb-4">
                                             <label class="form-label" for="form3Example4cdg">Số Điện Thoại</label>
-                                            <input name="phone_number" type="text"  id="form3Example4cdg" class="form-control form-control-lg" required value="${phoneNumber}"/>
+                                            <input name="phone_number" type="text"  id="phone_number" class="form-control form-control-lg" required value="${phoneNumber}"/>
                                         </div>
 
                                         <div class="form-outline mb-4">
                                             <label class="form-label" for="form3Example3cg">Email</label>
-                                            <input name="email" type="text" id="form3Example3cg" class="form-control form-control-lg" required value="${email}"/>
+                                            <input name="email" type="text" id="email" class="form-control form-control-lg" required value="${email}"/>
                                         </div>
 
                                         <div id="error-message" class="text-danger err">${errorEmail}</div>
@@ -79,7 +79,7 @@
                                         <div id="error-message" class="text-danger err">${errorPass}</div>
 
                                         <div class="d-flex justify-content-center">
-                                            <button type="submit"
+                                            <button type="submit"                                                  
                                                     class="btn btn-success btn-block btn-lg gradient-custom-4 text-body" 
                                                     style="background-color: orange; font-weight: bold;">Đăng Kí Ngay
                                             </button>
@@ -104,5 +104,7 @@
             </div>
 
         </section>
+
+        <script src="<%=request.getContextPath()%>/js/register.js"></script>
     </body>
 </html>
\ No newline at end of file