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" /> + {{ passwordError }} { + 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 ||