팀 프로젝트 | MovieOn - 7

🔆오늘의 목표

• 회원가입 페이지 유효성 검사
• DB연동

회원가입 페이지 유효성 검사

회원 가입 페이지에서 입력한 정보의 유효성 검사하는 기능을 넣어보려고 한다.
정규표현식을 사용해서 만들어보자!

// 아이디: 4~20자 소문자 부터 시작 / 숫자 및 소문자 영문만 입력가능!
/^[a-z]+[a-z0-9]{3,19}$/;

// 비밀번호: 6~20자 영어, 숫자 중 하나 이상 모두 포함
/^(?=.{6,20})(?=.*\d)(?=.*[a-zA-Z])(?!.*\s).*$/

// 이메일: 이메일 형식
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

// 이름: 2~20자의 완성형 한글만 허용한다
/^[가-힣]+[가-힣]{1,19}$/
    
// 닉네임: 2~10자 영문,한글,숫자 입력 가능
/^[a-zA-Z0-9가-힣]{2,10}$/

// 날짜: YYYY-MM-DD 형식
/[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/

• ^ : 뒤에 오는 것을 시작으로 지정하는 기능
  예) ^[0-9]는 0~9로 시작하는 문자를 의미한다.

등등 많은 정보가 있겠지만 잘 정리된 HAMA 블로그글을 참고하면 도움이 되겠다