ValidityState
ValidityState 인터페이스는 제약 유효성 검사에 대해 요소가 가질 수 있는 유효성 상태를 나타내며, 요소의 값이 유효하지 않은 경우 그 이유에 대한 설명을 도와줍니다.
속성
각각의 Boolean 속성에 대해, true 값은 해당 이유로 인해 값의 유효성 검사를 실패했음을 나타냅니다. valid 속성은 예외로서 true는 모든 제약조건을 통과했음을 의미합니다.
badInput읽기 전용-
사용자가 입력한 값을 브라우저가 변환하지 못했음을 나타내는
Boolean값입니다. customError읽기 전용-
setCustomValidity()메서드를 사용해 요소의 사용자 지정 유효성 메시지를 비어있지 않은 문자열로 설정했는지를 나타내는Boolean값입니다. patternMismatch읽기 전용-
값이 주어진
pattern특성을 만족하지 못하는지 나타내는Boolean값입니다 참일 경우, CSS:invalid의사 클래스를 만족합니다. rangeOverflow읽기 전용-
값이 주어진
max특성보다 큰지 나타내는Boolean값입니다. 참일 경우, CSS:invalid와:out-of-range의사 클래스를 만족합니다. rangeUnderflow읽기 전용-
값이 주어진
min특성보다 작은지 나타내는Boolean값입니다. 참일 경우, CSS:invalid와:out-of-range의사 클래스를 만족합니다. stepMismatch읽기 전용-
값이 주어진
step특성의 규칙을 만족하지 않는지 (즉, 값을 스텝 값으로 나눌 수 없는지) 나타내는Boolean값입니다. 참일 경우, CSS:invalid와:out-of-range의사 클래스를 만족합니다. tooLong읽기 전용-
값이
HTMLInputElement또는HTMLTextAreaElement객체의maxlength값보다 긴지 나타내는Boolean값입니다. 참일 경우, CSS:invalid와:out-of-range의사 클래스를 만족합니다. tooShort읽기 전용-
값이
HTMLInputElement또는HTMLTextAreaElement객체의minLength값보다 짧은지 나타내는Boolean값입니다. 참일 경우, CSS:invalid와:out-of-range의사 클래스를 만족합니다. typeMismatch읽기 전용-
값이 입력 유형에서 요구하는 형식(
type이email이나url인 경우)에 맞지 않는지 나타내는Boolean값입니다. 참일 경우, CSS:invalid의사 클래스를 만족합니다. valid읽기 전용-
요소가 모든 유효성 제약을 만족하여 유효한 상태인지 나타내는
Boolean값입니다. 참일 경우 CSS:valid의사 클래스를, 거짓일 경우:invalid의사 클래스를 만족합니다. valueMissing읽기 전용-
요소가
required특성을 가지고 있지만 값은 없는 경우 참인Boolean값입니다. 참일 경우, CSS:invalid의사 클래스를 만족합니다.