02 회원가입 페이지 만들기

728x90

회원가입 페이지 만들기

이전글에서 작성한 전달방식을 이용하여 회원가입 페이지를 만들어보려한다 :)

[회원가입을 진행할 regist.php]

<body>
    <h2>회원가입</h2>
    <form name="regform" id="regform" method="post" action="1-registP.php" onsubmit="return sendit()">
       // method="post" : url에 정보가 남지 않는 post 방식으로 전달
       // action="1-registP.php" : 1-registP.php로 데이터 전송
       // onsubmit="return sendit()" : submit 되었을 때, sendit() 함수 리턴
       <p><label>아이디 : <input type="text" name="userid" id="userid" maxlength="20"></label></p>
        <p><label>비밀번호 : <input type="password" name="userpw" id="userpw" maxlength="20"></label></p>
        <p><label>비밀번호 확인 : <input type="password" name="userpw_re" id="userpw_re" maxlength="20"></label></p>
        <p><label>이름 : <input type="text" name="name" id="name"></label></p>
        <p><label>휴대폰 번호 : <input type="text" name="hp" id="hp"></label></p>
        <p><label>이메일 : <input type="text" name="email" id="email"></label></p>
        <p><label>우편번호 : <input type="text" name="zipcode" readonly id="sample6_postcode"></label> <input type="button" value="우편번호 검색" onclick="sample6_execDaumPostcode()"></p>
        <p><label>주소 : <input type="text" name="address1" id="sample6_address"></label></p>
        <p><label>상세주소 : <input type="text" name="address2" id="sample6_detailAddress"></label></p>
        <p><label>참고항목 : <input type="text" name="address3" id="sample6_extraAddress"></label></p>
        <p><input type="submit" value="가입완료"> <input type="reset" value="다시작성"></p>
    </form>
</body>

주소 입력 같은 경우 카카오 주소검색 API를 이용했다.

https://postcode.map.daum.net/guide

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

[회원가입 데이터를 받을 registP.php]

<?php
//데이터 받아오기
//변수명 =$_전송방식["해당요소의name"]
    $userid = $_POST["userid"];
    $userpw = $_POST["userpw"];
    $name   = $_POST["name"];
    $hp     = $_POST["hp"];
    $email  = $_POST["email"];
    $zipcode = $_POST["zipcode"];
    $address1 = $_POST["address1"];
    $address2 = $_POST["address2"];
    $address3 = $_POST["address3"];
?>
<body>
    <h2>회원가입 완료</h2>
    <p>아이디 : <?=$userid?></p>
    <p>비밀번호 : <?=$userpw?></p>
    <p>이름 : <?=$name?></p>
    <p>휴대폰 번호 : <?=$hp?></p>
    <p>이메일 : <?=$email?></p>
    <p>우편번호 : <?=$zipcode?></p>
    <p>주소 : <?=$address1?></p>
    <p>상세주소 : <?=$address2?></p>
    <p>참고항목 : <?=$address3?></p>
</body>