From cf52ab8a1b2bb465337bbf42b0e6d43fd9432978 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Tue, 25 Mar 2025 17:43:24 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=204?=
 =?UTF-8?q?=EC=9E=90=EB=A6=AC=20alert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/user/RegisterForm.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index 655a329..aea85d2 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -38,6 +38,7 @@
                 @update:alert="passwordAlert = $event"
                 :value="password"
             />
+            <span v-if="passwordError" class="invalid-feedback d-block">{{ passwordError }}</span>
 
             <UserFormInput
                 title="비밀번호 확인"
@@ -180,6 +181,7 @@
     const id = ref('');
     const idError = ref('');
     const password = ref('');
+    const passwordError = ref('');
     const passwordcheck = ref('');
     const passwordcheckError = ref('');
     const pwhintRes = ref('');
@@ -199,6 +201,7 @@
     const idAlert = ref(false);
     const idErrorAlert = ref(false);
     const passwordAlert = ref(false);
+    const passwordErrorAlert = ref(false);
     const passwordcheckAlert = ref(false);
     const passwordcheckErrorAlert = ref(false); // 비밀번호 확인 오류 메시지
     const pwhintResAlert = ref(false);
@@ -328,11 +331,17 @@
         }
     };
 
+    watch(password, (newValue) => {
+        if (newValue.length >= 4) {
+            passwordErrorAlert.value = false;
+            passwordError.value = '';
+        }
+    });
+
 
     // 회원가입
     const handleSubmit = async () => {
         await checkColorDuplicate();
-
         idAlert.value = id.value.trim() === '';
         passwordAlert.value = password.value.trim() === '';
         passwordcheckAlert.value = passwordcheck.value.trim() === '';
@@ -342,6 +351,14 @@
         addressAlert.value = address.value.trim() === '';
         phoneAlert.value = phone.value.trim() === '';
 
+         // 비밀번호 길이 체크 로직 추가
+        if (password.value.length < 4) {
+            passwordErrorAlert.value = true;
+            passwordError.value = '비밀번호는 4자리 이상이어야 합니다.';
+        } else {
+            passwordError.value = '';
+        }
+
         if (!/^\d+$/.test(phone.value)) {
             phoneAlert.value = true;
         } else {
@@ -362,6 +379,7 @@
             idAlert.value ||
             idErrorAlert.value ||
             passwordAlert.value ||
+            passwordcErrorAlert.value ||
             passwordcheckAlert.value ||
             passwordcheckErrorAlert.value ||
             pwhintResAlert.value ||