Today I Learned …

[웹개발] 비밀번호 일치 확인 본문

Web/APM

[웹개발] 비밀번호 일치 확인

염베리 2021. 10. 24. 11:06

* 개인적인 공부 내용을 기록한 글입니다.


소감

회원가입 시 비밀번호를 두번 이상 확인하는건 가입자의 실수를 방지하지 위한... 인지상정(?)

간단하게 구현해보자!

 

최종 화면

pw1 = 1111 / pw2 = 2222


비밀번호 일치 확인

 

 

1. 먼저 join.php의 <form> 태그 내부이다.

<p>비밀번호: <input type="password" name="join_pw" required></p>
<p>비밀번호 확인: <input type="password" name="join_pw2" required></p>

[1] 비밀번호 확인 폼을 하나 더 만든다.

[2] php로 다뤄주기 위해 name을 지정해준다.

 

 

2. 다음은 회원가입을 처리할 join_ok.php의 일부 내용이다.

$join_pw = $_POST['join_pw'];
$join_pw2 = $_POST['join_pw2'];
if(!$check){ //사용가능ID
	if($join_pw != $join_pw2){ //비밀번호 불일치
		echo "<script>alert('비밀번호가 일치하지 않습니다.'); history.back();</script>";
	} else { //비밀번호 일치
		if($res){
			echo "<script>alert('회원가입이 완료되었습니다.');";
			echo "window.location.replace('login.php');</script>";
			exit;
		}
		else { //쿼리문의 결과가 없으면 로그인 fail을 출력한다.
			echo "<script>alert('저장에 문제가 생겼습니다. 관리자에게 문의해주세요.');";
			echo mysqli_error($conn);
		}
	} 
} else { //사용불가ID
	echo "<script>alert('아이디가 중복됩니다.'); history.back();</script>";
}

[1] join_pw와 동일하게, POST로 넘어올 join_pw2도 따로 변수에 할당해준다.

[2] ID 중복 확인* 후, 비밀번호가 일치하지 않을 시, [비밀번호가 일치하지 않습니다.] alert를 띄워준다.

[3] 비밀번호가 일치할 시, 회원가입을 진행한다.

* 이전 포스팅을 보면, POST를 처리하기 전에 이미 ID 중복 확인을 거치지만, 만에 하나의 상황을 위해 한 단계를 더 넣어줬다. (그럴 일은 없겠지만..)

'Web > APM' 카테고리의 다른 글

[웹개발] 게시글 리스트 출력 기능  (0) 2021.10.26
[웹개발] 게시글 작성 기능  (0) 2021.10.26
[웹개발] 로그인 5 Cases  (2) 2021.10.24
[웹개발] 아이디 중복 검사  (3) 2021.10.23
[웹개발] CSS 적용  (1) 2021.10.15
프로필사진
berry
FE Developer, loves React & better DX
Comments