유효성검사2 validation check(유효성 검사) 2 3. 이벤트 연결 전체적인 javascript 파일에 대한 flow를 생각해 보면 1) 엘리먼트 변수를 선언한다. 2) 이벤트 핸들러를 생성한다. id 체크 핸들러 함수 생성 password 체크 핸들러 함수 생성 password re 체크 핸들러 함수 생성 email 핸들러 함수 생성 회원가입 버튼 핸들러 함수를 생성 3) 유효성 검증 함수를 생성한다. 4) 시각적 피드백 함수를 생성한다. 5) 엘리먼트와 이벤트 핸들러를 연결한다. 이벤트 핸들러를 생각해 보자. 지금까지 많이 해보았던 것이 버튼을 클릭했을 때 이벤트가 발생하는 것이었다. 마우스의 이벤트는 다음과 같은 것이 있다. Click - 사용자가 마우스를 클릭했을 때 발생 DblClick - 사용자가 마우스를 더블 클릭했을 때 발생 MouseDo.. 2021. 2. 26. validation check(유효성 검사) 1 유효성 검사(Validation Check) : 보통 홈페이지에 회원가입할 때 기본적으로 유효성 검사를 하게 됩니다. 유효성 검사란 사이트가 원하는 조건에 반드시 그 형식을 맞추어서 입력한 것을 검사하는 것을 말합니다. 예를 들어 id를 입력할 때는 8자 이상, 한글 입력은 안되고 오직 영문자(소문자, 대문자)와 숫자만을 사용해야 한다른 것이 있습니다. 비밀번호와 비밀번호 확인란이 동일해야 한다. 회원가입 버튼을 누를 때 유효성 검사를 모두 하는 것이 아닌 id와 password, confirm password, email를 사용자가 입력할 때 조건이 안맞을 때는 시각화 효과를 css로 구현한다. 모든 조건에 맞은 경우에는 회원가입에 성공했습니다 라는 alert창을 띄운다. 만약 조건중 하나라도 맞지 않.. 2021. 2. 26. 이전 1 다음
