Ajax

if (data.result == "Email_format_error") {
          alert("형식이 틀린 이메일 입니다.")
          f_email.value = ""
          f_email.focus()
        }

• 추가된 부분만 올렸습니다.

이메일 형식 체크

// 이메일 형식 체크
  public function email_format_chk($email)
  {
    return filter_var($email, FILTER_VALIDATE_EMAIL);
  }

1. filter_var()를 사용하여 이메일 형식이 맞는지 확인합니다.

• ex) aaa -> X
  
• ex) aaa@gmail.com -> O
  

// 이메일 형식 체크
if ($mem->email_format_chk($email) == false) {
  die(json_encode(["result" => "Email_format_error"]));
}

• ex) 형식이 맞았을 때
  
• ex) 형식이 틀렸을 때
  
  ※ 원래 이메일 부분에서 다뤘어야 했는데 그냥 지나쳐버려서 추가했습니다.

회원가입 성공 페이지

  <?php
  $g_title = "회원가입을 축하드립니다.";
  $js_array = ["js/member_success.js"];
  $menu_code = "member";
  include "inc_header.php";
  ?>
  <main class="w-75 mx-auto border rounded-5 p-5 d-flex gap-5" style="height: calc(100vh - 265px);">
    <img src="images/logo.svg" alt="" class="w-50">
    <div>
      <h3>회원가입을 축하드립니다.</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores sint dignissimos vel repudiandae at. Ratione mollitia explicabo impedit labore, illum, repellat, recusandae veniam dolorem delectus atque amet pariatur laborum iste?</p>
      <button class="btn btn-primary" id="btn_login">로그인</button>
    </div>
  </main>
  <?php
  include "inc_footer.php";
  ?>

• 간단하게 구성하였기 때문에 설명은 생략하겠습니다.

마무리

다음 시간에는 로그인 페이지와 로그인 구현 방법을 해보겠습니다.

부족한 글 봐주셔서 감사합니다.