[박나겸] Spritn4 #179
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| const passwordInput= document.getElementById('password'); | ||
|
|
||
| function onEyecliked(){ | ||
| if(passwordInput.type === 'password'){ | ||
| passwordInput.type='text'; | ||
| }else{ | ||
| passwordInput.type='password'; | ||
| } | ||
| } | ||
|
|
||
| function emailChange(){ | ||
| const emailInput = document.getElementById('email'); | ||
| const emailError = document.getElementById('emailError'); | ||
| const submitBtn=document.querySelector('.button'); | ||
| const email=emailInput.value; | ||
|
|
||
| if(email.includes("@")&&email.includes(".")){ | ||
| emailInput.classList.remove('error'); | ||
| emailError.innerText = ''; // 에러 메시지 제거 | ||
| emailError.classList.remove('error_msg'); | ||
| submitBtn.disabled = false; | ||
| submitBtn.style.backgroundColor = 'var(--blue100)'; // 원 | ||
|
|
||
| }else if(!email){ | ||
| emailError.innerText='이메일을 입력해주세요' | ||
| emailInput.classList.add('error'); | ||
| emailError.classList.add('error_msg'); | ||
| submitBtn.disabled=true; | ||
| }else{ | ||
| emailError.innerText='유효한 이메일 형식이 아닙니다.' | ||
| emailInput.classList.add('error'); | ||
| submitBtn.disabled=true; | ||
| } | ||
|
|
||
| } | ||
|
|
||
|
|
||
| function passwordChange(){ | ||
| const pwInput = document.getElementById('password'); | ||
| const pwError = document.getElementById('passwordError'); | ||
| const submitBtn=document.querySelector('.button'); | ||
| const password=pwInput.value; | ||
|
|
||
| if(!password){ | ||
| pwError.innerText='비밀번호를 입력해주세요' | ||
| pwInput.classList.add('error'); | ||
| pwError.classList.add('error_msg'); | ||
| submitBtn.disabled=true; | ||
| } | ||
| else if(password.length<=8){ | ||
| pwError.innerText='비밀번호를 8자 이상 입력해주세요'; | ||
| pwInput.classList.add('error'); | ||
| pwError.classList.add('error_msg'); | ||
| submitBtn.disabled=true; | ||
| } | ||
| else{ | ||
| pwInput.classList.remove('error'); | ||
| pwError.innerText = ''; // 에러 메시지 제거 | ||
| pwError.classList.remove('error_msg'); | ||
| submitBtn.disabled = false; | ||
| submitBtn.style.backgroundColor = 'var(--blue100)'; // 원 | ||
|
|
||
| } | ||
|
Comment on lines
+44
to
+63
There was a problem hiding this comment. 꼼꼼하게 예외처리 잘 처리하신것같아요ㅎㅎ! |
||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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)'; // 원 | ||
|
|
||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이부분을 조금 개선하면 좋을것같아요!
일단 이메일인지 아닌지 구분하기 위해서
@랑.이 포함되긴 해야겠지만 다른 조건들도 여러가지가 있을꺼에요...ㅠ그걸 하나하나 if문으로 거르는건 어렵고, 이런 문제를 해결하기 위해서 실무에서 정규표현식 이라는걸 많이 사용해요!
문자열의 패턴을 검사하는건데, 다음과 같이 사용해요
형태는 조금 어려울 수있는데, 우선 이런게 있다 정도만 알고 넘어가도 좋아요ㅎㅎ