Merge pull request #210 from boostcampwm2023/chore/193-sign-in-up-rev…

…ision [Chore] 회원가입 규칙 안내 및 로그인 규칙 어길 시 오류 메시지 통일화
boostcampwm2023 · Dec 5, 2023 · 52a964d · 52a964d
2 parents 22ef42c + 7ff6521
commit 52a964d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/FE/src/components/LoginModal/LoginModal.js b/FE/src/components/LoginModal/LoginModal.js
@@ -66,8 +66,7 @@ function LoginModal() {
     const idRegex = /^[A-Za-z0-9_-]{5,20}$/;
     const pwRegex = /^[A-Za-z0-9!@#$%^&*()_+=-~]{5,20}$/;
     if (!idRegex.test(userId) || !pwRegex.test(password)) {
-      errorRef.current.innerText =
-        "아이디 또는 비밀번호를 잘못 입력했습니다. 입력하신 내용을 다시 확인해주세요.";
+      errorRef.current.innerText = "존재하지 않는 아이디입니다.";
       return;
     }
 
@@ -84,12 +83,22 @@ function LoginModal() {
             placeholder='아이디를 입력하세요'
             value={userId}
             onChange={(e) => setUserId(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                checkValid();
+              }
+            }}
           />
           <ModalInputBox
             type='password'
             placeholder='비밀번호를 입력하세요'
             value={password}
             onChange={(e) => setPassword(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                checkValid();
+              }
+            }}
           />
           <CheckBar>
             <input

diff --git a/FE/src/components/SignUpModal/SignUpModal.js b/FE/src/components/SignUpModal/SignUpModal.js
@@ -47,7 +47,8 @@ function SignUpModal() {
 
     const idRegex = /^[A-Za-z0-9_-]{5,20}$/;
     if (!idRegex.test(userId)) {
-      errorRef.current.innerText = "아이디 형식이 올바르지 않습니다.";
+      errorRef.current.innerText = `아이디 형식이 올바르지 않습니다.
+      아이디는 5~20자의 영문 소문자, 숫자와 특수기호(_),(-)만 사용 가능합니다.`;
       return;
     }
 
@@ -58,7 +59,8 @@ function SignUpModal() {
 
     const pwRegex = /^[A-Za-z0-9!@#$%^&*()_+=-~]{5,20}$/;
     if (!pwRegex.test(password)) {
-      errorRef.current.innerText = "비밀번호 형식이 올바르지 않습니다.";
+      errorRef.current.innerText = `비밀번호 형식이 올바르지 않습니다.
+      비밀번호는 5~20자의 영문 대소문자, 숫자, 특수문자만 사용 가능합니다.`;
       return;
     }