.

src/components/user/RegisterForm.vue

@@ -25,6 +25,7 @@
                 @update:alert="idAlert = $event"
                 @blur="checkIdDuplicate"
                 :value="id"
+                @keypress="noSpace"
             />
             <span v-if="idError" class="invalid-feedback d-block">{{ idError }}</span>
 
@@ -37,6 +38,7 @@
                 @update:data="password = $event"
                 @update:alert="passwordAlert = $event"
                 :value="password"
+                @keypress="noSpace"
             />
             <span v-if="passwordError" class="invalid-feedback d-block">{{ passwordError }}</span>
 
@@ -49,6 +51,7 @@
                 @update:data="passwordcheck = $event"
                 @update:alert="passwordcheckAlert = $event"
                 :value="passwordcheck"
+                @keypress="noSpace"
             />
             <span v-if="passwordcheckError" class="invalid-feedback d-block">{{ passwordcheckError }}</span>
 
@@ -82,6 +85,7 @@
                     @update:data="name = $event"
                     @update:alert="nameAlert = $event"
                     :value="name"
+                    @keypress="noSpace"
                     class="me-2 w-50"
                 />
 
@@ -214,6 +218,10 @@
 
     const toastStore = useToastStore();
 
+    const noSpace = (e) => {
+        if (e.key === ' ') e.preventDefault();
+    };
+
     // 프로필 체크
     const profileValid = (size, type) => {
         const maxSize = 5 * 1024 * 1024;
@@ -344,6 +352,7 @@
     });
 
     watch(password, (newValue) => {
+
         if (newValue && newValue.length >= 4) {
             passwordErrorAlert.value = false;
             passwordError.value = '';
@@ -396,8 +405,10 @@
         } else {
             passwordError.value = '';
         }
+        const phoneRegex = /^010\d{8}$/;
+        const isFormatValid = phoneRegex.test(phone.value);
 
-        if (!/^\d+$/.test(phone.value)) {
+        if (!/^\d+$/.test(phone.value) || !isFormatValid) {
             phoneAlert.value = true;
         } else {
             phoneAlert.value = false;
@@ -434,13 +445,13 @@
         }
 
         const formData = new FormData();
-        formData.append('memberIds', id.value);
+        formData.append('memberIds', id.value.trim());
-        formData.append('memberPwd', password.value);
+        formData.append('memberPwd', password.value.trim());
         formData.append('memberPwh', pwhint.value);
-        formData.append('memberPwr', pwhintRes.value);
+        formData.append('memberPwr', pwhintRes.value.trim());
-        formData.append('memberNam', name.value);
+        formData.append('memberNam', name.value.trim());
         formData.append('memberArr', address.value);
-        formData.append('memberDtl', detailAddress.value);
+        formData.append('memberDtl', detailAddress.value.trim());
         formData.append('memberZip', postcode.value);
         formData.append('memberBth', birth.value);
         formData.append('memberTel', phone.value);