웹표준 html,css,javascript 실무 과정 자료] 입력제한 위반시 이벤트 처리

웹표준 html,css,javascript 실무 과정 자료] 입력제한 위반시 이벤트 처리

웹표준 html,css,javascript 실무 과정 자료] 입력제한 위반시 이벤트 처리

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

입력제한 위반시 이벤트 처리

■ invalid이벤트: 입력제한의 위반 사항이 발생시 발생

■ validity 프로퍼티

  - valueMissing: 필수입력체크(위반시: true, 아니면 false)

  - typeMismatch: email, url등 타입체크(위반시: true, 아니면 false)

  - patternMismatch: 패턴 체크(위반시: true, 아니면 false)

  - rangeUnderflow: 최소값보다 작은 값인지 체크(위반시: true, 아니면 false)

  - rangeOverflow: 최대값보다 큰 값인지 체크(위반시: true, 아니면 false)

■validationMessage 프로퍼티: 입력제한의 위반시 발생하는 메시지

■setCustomValidity() 메서드

  - 커스텀 에러 메시지 설정