코드 수정

src/components/user/LoginForm.vue

@@ -1,5 +1,4 @@
 <template>
-    <form @submit.prevent="handleSubmit">
         <div class="col-xl-12">
             <UserFormInput
                 title="아이디"
@@ -20,7 +19,7 @@
             />
 
             <div class="d-grid gap-2 mt-7 mb-5">
-                <button type="submit" class="btn btn-primary">로그인</button>
+                <button type="submit" @click="handleSubmit" class="btn btn-primary">로그인</button>
             </div>
 
             <div class="mb-3 d-flex justify-content-around">
@@ -32,7 +31,6 @@
                 <RouterLink class="text-dark fw-bold" to="/pw">비밀번호 찾기</RouterLink>
             </div>
         </div>
-    </form>
 </template>
 
 <script setup>
@@ -62,7 +60,14 @@
         passwordAlert.value = false;
     };
 
-    const handleSubmit = async () => {
+const handleSubmit = async () => {
+        idAlert.value = id.value.trim() === '';
+        passwordAlert.value = password.value.trim() === '';
+
+        if (idAlert.value || passwordAlert.value) {
+            return;
+        }
+
         $api.post('user/login', {
             loginId: id.value,
             password: password.value,