유효성 검사
유효성 검사 : 정해진 형식의 데이터만 입력 가능하도록 제한하는 기능
대표적인 사용처 : 회원가입!!
과제물의 기본조건을 제외한 나머지는 네이버의 회원가입 화면을 보고 비슷하게 구성을 해봤다.
구성내용 :
아이디 : 네글자 미만이 경우 기본조건 안내 문구 표시, 조건 만족시 사용가능 아이디 확인 문구 표시(이벤트)
비밀번호 : 정규표현식을 통한 최소글자수, 특수문자 포함 안내 문구 표시(이벤트, 정규표현식)
비밀번호 확인 : 비밀번호와 동일한 값이 일치하지 않을경우 불일치 안내 문구 표시(이벤트)
생년월일 : 생년 네글자 조건 불만족시 안내 문구 표시(이벤트)
월, 성별 : select태그를 활용한 옵션 선택
버튼 : hover효과를 적용(hover)
글꼴 : 무료로 제공되는 빙그레 글꼴 적용(@font-face)
여담 : 이번 스프린트의 경우 친절한 설명 덕분인지 쉽게 과제를 해결할 수 있었다. 덕분에 나름대로 CSS를 좀더 이것 저것 적용해볼 수 있는 알찬 시간이였다!
.jpeg)
(˘･ᴗ･˘)