[JSP] 회원가입 유효성 검사, 비밀번호(정규식) 검사

1. 회원가입 유효성 검사

- 회원가입을 위해 다양한 유효성 검사가 존재하며, 유효성 검사는 JavaScript로 하기 때문에 양이 많아지면 <script> 태그가 너무 길어지게 된다.

- 그래서 외부 js 파일을 만들어 사용하는 것이 좋다.

- 여기서 다룰 것은 유효성 검사에 관한 함수만 다룰 것이다.

- 중복 검사는 Ajax를 이용해서 하였고 우편번호 찾기는 API를 이용함

- onsubmit 제출을 할 때마다 유효성 검사를 하기 위해 사용

2. 아이디 유효성 검사

- 아이디 유효성 검사로는 아예 작성을 안 했을 때, 글자 수, 중복 검사를 안 했을 때, 중복되었는데도 가입하려 했을 때이다.

아이디 유효성 검사

3. 비밀번호 유효성 검사

- 비밀번호 유효성 검사로는 아예 작성을 안 했을 때, 글자 수, 정규식을 이용한 포함되어 있는 문자, 정규식을 이용한 연속된 같은 문자, 띄어쓰기가 있을 때, 비밀번호 확인을 작성 안 했을 때, 비밀번호와 비밀번호 확인이 맞지 않을 때가 있다.

 

* 정규식

- 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다.

- 정규 표현식은 const re = /ab+c/ 로 슬래시로 패턴을 감싸 작성한다.

// (?=.*?[A-Z]) : A부터 Z까지 있는지 보는 정규식
// .{8,10} : 8자 이상 10자 이하
// ^ : 이걸로 시작해서  $ : 로 끝나..

// A-Z, a-z, 0-9 특수문자가 포함되어 있는지, 8자 이상
let reg = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[~?!@#$%^&*_-]).{8,}$/

// 같은 문자 연속 4번 있는지
let reg2 = /(\w)\1\1\1/

// 정규식.test() : 정규식이 맞는지 아닌지 true나 false로 반환
reg.test("값");

비밀번호 유효성 검사

4. 이름, 성별, 주소, 취미 유효성 검사

- 이름은 입력을 안 했을 때만을 검사하고 성별은 checked라는 속성을 주었기에 default로 하나의 값이 선택되어 있다.

- 주소는 주소 찾기를 안 했을 때, 주소를 마저 입력 안 했을 때이다.

- 취미는 하나라도 체크가 되어 있지 않을 때이다.

이름, 성별, 주소, 취미 유효성 검사