[javaScript]form(로그인, 회원가입)

김나나·2024년 2월 6일

javaScript

목록 보기
18/25

업로드중..
깃허브주소: https://github.com/kimLrLr/js_form
배포주소: https://kimlrlr.github.io/js_form/


index.html을 홈페이지로 두고, header을 통하여 홈페이지, 로그인페이지, 회원가입 페이지로 이동할 수 있게 해둠.
회원가입과 로그인 시 유효성검사 필요!

*유효성검사

  1. id는 2자리 이상
  2. 패스워드 8자리 이상
  3. 로그인 가능 유무
    if (usernameEl === "") {
      errorMessageEl.innerText = "빈 값은 사용하실 수 없습니다.";
    } else if (usernameEl.length < 2) {
      errorMessageEl.innerText = "아이디는 2자리 이상 작성해 주세요.";
    } else if (passwordEl.length < 8) {
      errorMessageEl.innerText = "패스워드는 8자리 이상 작성해 주세요.";
    } else if (usernameEl !== user.username) {
      errorMessageEl.innerText = "아이디가 틀렸습니다.";
    } else if (passwordEl !== user.password) {
      errorMessageEl.innerText = "패스워드가 틀렸습니다.";
    } else {
      window.location.href = "./index.html";
      // window.location.href = "../index.html";
    }

=> if문을 사용하여 유효성 검사를 해보았음

profile
10분의 정리로 10시간을 아낄 수 있다는 마음으로 글을 작성하고 있습니다💕

0개의 댓글