** signup.php
input 태그에 id = "uid"를 추가하여 아이디 중복 체크를 할 때 사용한다.
버튼 태그를 클릭하면 check_id() 함수로 이동한다. check_id() 함수는 자바 스크립트 코드 안에 있다.
signup.php파일의 <head>에 <script> 입력
만약 userid에 값이 있다면 팝업창을 띄워 GET 메소드로 값을 전송한다.
window.open은 팝업창을 열게하는 메소드다.
//문법
var ret = window.open(url, name, specs, replace);+
<script>에 삽입
function check_id() {
var userid = document.getElementById("uid").value;
if(userid)
{
url = "check.php?userid="+userid;
window.open(url,"IDcheck", "width=400, height=200");
}
}
function decide(){ //이 아이디 사용
document.getElementById("decide_id").value = document.getElementById("uid").value
document.getElementById("signup_btn").disabled = false
document.getElementById("check_button").value = "다른 ID로 변경"
document.getElementById("check_button").setAttribute("onclick", "change()")
var userid = document.getElementById("uid").value
return userid
}
function change(){ //다른 아이디 사용
document.getElementById("uid").disabled = false
document.getElementById("uid").value = ""
document.getElementById("signup_btn").disabled = true
document.getElementById("check_button").setAttribute("onclick", "check_id()")
}
check.php
GET 메소드로 전송된 데이터를 GET 방식으로 받아온다.
아이디가 중복되면 사용 불가능한 아이디, 중복되지 않으면 사용 가능한 아이디라고 알린다.
기존에 있던 아이디 입력했을 때
DB에 없는 새로운 아이디 입력했을 때
** 참고 링크
https://choco4study.tistory.com/37
[웹개발] 아이디 중복 검사
* 개인적인 공부 내용을 기록한 글입니다. 소감 3주차 과제지만 미리 만들어봤다. 주소DB도 만들어야하는데 생각보다 까다로워서 잠시 보류ㅠ CSS가 중구난방으로(...) 적용되어있으니 코드 보는
choco4study.tistory.com
https://m.blog.naver.com/bgpoilkj/221094263435
PHP 아이디 중복 검사하기
안녕하세요. 지난번에 이어 회원가입시 아이디 중복검사하는 방법에 대해 알아보겠습니다. 아이디 중복검사...
blog.naver.com
https://sung-jun.tistory.com/6
PHP(4) 회원가입 페이지 만들기
저번에 이어서 오늘은 아이디 중복확인과 비밀번호 일치여부를 만들겠습니다. 먼저, 아이디 중복확인입니다. 저번 시간에 회원가입을 위해 만든 register.php 부분에 Sung's 영화 리뷰 checkId라는 함
sung-jun.tistory.com
'Web Hacking Study > Web Page 만들기' 카테고리의 다른 글
| 주소 검색 기능 (구현 未完) - 2 (0) | 2022.04.25 |
|---|---|
| 주소 검색 기능 (DB 세팅) - 1 (0) | 2022.04.18 |
| 회원가입 사이트 -2 & SQL/DML (데이터 조작 언어) (0) | 2022.04.10 |
| 회원가입 사이트 -1 (0) | 2022.04.07 |
| php파일에서 mysql 연결하기 (0) | 2022.03.29 |
댓글