휴대폰번호 자리수 유효성 검사 추가

src/components/account/find/AccountFindPassword.js

@@ -85,6 +85,15 @@ export const AccountFindPassword =  props => {
       })
       return;
     }
+    if(inputHpno.length < 11) {
+      setModal({
+        isOpen: true,
+        title: '인증번호 발송',
+        desc: '올바른 번호를 입력해 주세요.',
+        color: 'modal-danger'
+      })
+      return;
+    }
 
     const res = await findAPI.sendForPw({userId: inputId, hpno: inputHpno});
     if(res?.data.code === -1) {

src/components/account/find/AccountFindUserId.js

@@ -81,6 +81,15 @@ export const AccountFindUserId =  props  => {
       })
       return;
     }
+    if(inputHpno.length < 11) {
+      setModal({
+        isOpen: true,
+        title: '인증번호 발송',
+        desc: '올바른 번호를 입력해 주세요.',
+        color: 'modal-danger'
+      })
+      return;
+    }
 
     const res = await findAPI.sendForId({memberName: inputName, hpno: inputHpno});
     if(res?.data.code === -1) {

src/components/account/register/AccountRegisterForm.js

@@ -94,6 +94,15 @@ export const AccountRegisterForm = ({
       });
       return;
     }
+    if(vData.hpno.length < 11) {
+      setModal({
+        isOpen: true,
+        title: '인증번호 발송',
+        desc: '올바른 번호를 입력해 주세요.',
+        color: 'modal-danger'
+      })
+      return;
+    }
 
     const res = await accountApi.crtfyhp(vData.hpno);
 

src/containers/account/mypage/AccountMypageContainer.js

@@ -99,7 +99,7 @@ const AccountMypageContainer = () => {
             setModal({
                 isOpen: true,
                 title: '인증번호 발송',
-                desc: '휴대폰 번호를 입력 해주세요.',
+                desc: '휴대폰 번호를 입력해 주세요.',
                 color: 'modal-danger'
             });
             return;
@@ -108,11 +108,21 @@ const AccountMypageContainer = () => {
             setModal({
                 isOpen: true,
                 title: '인증번호 발송',
-                desc: '인증번호 발송은 3회 까지만 가능합니다.',
+                desc: '인증번호 발송은 3회까지만 가능합니다.',
                 color: 'modal-danger'
             });
             return;
         }
+        if(inputHpno.length < 11) {
+          setModal({
+            isOpen: true,
+            title: '인증번호 발송',
+            desc: '올바른 번호를 입력해 주세요.',
+            color: 'modal-danger'
+          })
+          return;
+        }
+
         const res = await accountApi.crtfyhp(inputHpno);
 
         if (!res.data.result) {
@@ -120,7 +130,7 @@ const AccountMypageContainer = () => {
                 setModal({
                     isOpen: true,
                     title: '인증번호 발송',
-                    desc: '이미 가입된 휴대폰 입니다.',
+                    desc: '이미 가입된 휴대폰입니다.',
                     color: 'modal-danger'
                 });
             } else {
@@ -152,6 +162,7 @@ const AccountMypageContainer = () => {
 
         // handlerSmsSend();
     };
+
     useEffect(() => {
         setIsRunning(true);
         // console.log('isRunning>>>', isRunning);
@@ -172,7 +183,7 @@ const AccountMypageContainer = () => {
             setModal({
                 isOpen: true,
                 title: '인증번호 인증',
-                desc: '휴대폰 번호를 입력 해주세요.',
+                desc: '휴대폰 번호를 입력해 주세요.',
                 color: 'modal-danger'
             });
 
@@ -182,7 +193,7 @@ const AccountMypageContainer = () => {
             setModal({
                 isOpen: true,
                 title: '인증번호 인증',
-                desc: '인증번호 를 입력 해주세요.',
+                desc: '인증번호를 입력해 주세요.',
                 color: 'modal-danger'
             });
             return false;
@@ -194,7 +205,7 @@ const AccountMypageContainer = () => {
             setModal({
                 isOpen: true,
                 title: '인증번호 인증',
-                desc: '인증번호 가 잘못 되었습니다.',
+                desc: '인증번호가 잘못되었습니다.',
                 color: 'modal-danger'
             })
         }