From 77eed663ea7fd1f9d836e91dfe5e333b563a49f4 Mon Sep 17 00:00:00 2001 From: nagyum Date: Mon, 11 Nov 2024 18:54:02 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=EC=84=B8=EB=B2=88=EC=A7=B8=20=EC=BD=94?= =?UTF-8?q?=EB=93=9C=EB=A6=AC=EB=B7=B0=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 8 ++++++-- pages/login.html | 12 +++++------- styles/auth_style.css | 15 ++++++--------- styles/index_style.css | 7 ++++++- 4 files changed, 23 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index 4500370be..dc71bf014 100644 --- a/index.html +++ b/index.html @@ -97,8 +97,12 @@
@codeit-2024
-
Privacy Policy
-
FAQ
+ + Privacy Policy + + + FAQ +
diff --git a/pages/login.html b/pages/login.html index f3234de51..08d1051de 100644 --- a/pages/login.html +++ b/pages/login.html @@ -8,8 +8,7 @@ 판다마켓 - -
+
- + - \ No newline at end of file diff --git a/styles/auth_style.css b/styles/auth_style.css index 921f61983..70a3b1f70 100644 --- a/styles/auth_style.css +++ b/styles/auth_style.css @@ -49,6 +49,7 @@ width: 100%; } + input:focus{ border-color:var(--blue100) ; } @@ -108,9 +109,9 @@ input:focus{ cursor:pointer; } -.button:hover{ +/* .button:hover{ background-color: var(--blue100); -} +} */ .at_easy{ width:100%; @@ -153,6 +154,26 @@ input:focus{ cursor: pointer; } + + +/* js에서 필요한 css */ +.error{ + border: 1px, solid, red; + display: block; +} + +#emailError{ + color:red; +} + +#passwordError { + color: red; + /* font-size: 12px; */ + margin-top: 15px; /* 입력란과 메시지 간의 간격 */ +} + + + /*Mobile 미디어 쿼리*/ @media(max-width:767px){ From 8ca92a354565022b45cb9ea1e6f944685442f547 Mon Sep 17 00:00:00 2001 From: nagyum Date: Sun, 17 Nov 2024 19:18:31 +0900 Subject: [PATCH 4/4] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20?= =?UTF-8?q?=ED=99=95=EC=9D=B8=20=EC=8B=9C=20=EB=88=88=20=EB=AA=A8=EC=96=91?= =?UTF-8?q?=20=EC=9E=91=EB=8F=99=20X?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/signup_js.js | 37 +++++++++++++++++++++++++++++++++++++ pages/signup.html | 23 ++++++++++++++--------- styles/auth_style.css | 10 +++++++++- 3 files changed, 60 insertions(+), 10 deletions(-) create mode 100644 js/signup_js.js diff --git a/js/signup_js.js b/js/signup_js.js new file mode 100644 index 000000000..0f42183c3 --- /dev/null +++ b/js/signup_js.js @@ -0,0 +1,37 @@ +function nicknameChange(){ + const nickname=document.getElementById('nickname'); + const nameError=document.getElementById('nicknameError'); + const name=nickname.value; + + if(!name){ + nickname.classList.add('error'); + nameError.innerText='닉네임을 입력해주세요.'; + submitBtn.disabled=true; + }else{ + nickname.classList.remove('error'); + nameError.innerText=''; + submitBtn.disabled = false; + submitBtn.style.backgroundColor = 'var(--blue100)'; // 원 + + } + + } + +function passwordConfirm(){ + const password=document.getElementById('password').value; + const confirmPw=document.getElementById('confirm_password'); + const confirmPassword=confirmPw.value; + const confirmPasswordError=document.getElementById('confirm_password_Error'); + + if(password !== confirmPassword){ + confirmPasswordError.innerText='비밀번호가 일치하지 않습니다' + confirmPw.classList.add('error'); + submitBtn.disabled=true; + } else{ + confirmPw.classList.remove('error'); + confirmPasswordError.innerText=''; + submitBtn.disabled = false; + submitBtn.style.backgroundColor = 'var(--blue100)'; // 원 + + } +} diff --git a/pages/signup.html b/pages/signup.html index 269e8a732..e87690733 100644 --- a/pages/signup.html +++ b/pages/signup.html @@ -20,32 +20,36 @@
- + +
- +
- +
- -
- + +
+
+
- -
+ +
+
+
- +
@@ -66,6 +70,7 @@
+ \ No newline at end of file diff --git a/styles/auth_style.css b/styles/auth_style.css index 70a3b1f70..13df7fbcb 100644 --- a/styles/auth_style.css +++ b/styles/auth_style.css @@ -168,10 +168,18 @@ input:focus{ #passwordError { color: red; - /* font-size: 12px; */ margin-top: 15px; /* 입력란과 메시지 간의 간격 */ } +#nicknameError{ + color:red; +} + +#confirm_password_Error{ + color: red; + margin-top: 15px; +} + /*Mobile 미디어 쿼리*/