본문 바로가기

프로그래밍 언어/Javascript

폼 유효성 체크-javascript 정규표현식 이용


- 아이디 유효성 체크 (알파벳+숫자 5~20글자)

id 입력란에 keyup이벤트가 발생했을때 id 입력란에 입력된 값을 inputId로 가져온다.

알파벳+숫자 5~20글자에 해당하는 자바스크립트 정규식을 이용하여 유효성 여부를 체크한다.
이때 '정규식 표현.test(체크하고자 하는 입력값)' 의 형식을 이용하면 되고 매칭되면 true, 아니면 false를 반환하기 때문에 이 값에 따라 추가적인 로직을 수행하면된다. 



- 이름 유효성 체크

: 한글로만 2~10글자



-전화번호 유효성 검증

: 01X - XXXX - XXXX 형식 검증

정규표현식을 쓸때 시작(^)과 끝($)을 명시하지 않으면 abcd 010-3433-1234 sjsjsj 이런것도 결과 값이 true가 되어버리기 때문에 꼭 명시해주어야한다.