### JavaScript Form
유효성 검사 : 양식 필드가 비어있으면 메세지로 경고하고 양식을 제출하지 못하도록 false를 리턴한다.
required 를 추가해주면 필드가 비었을 경우 양식을 제출하지 못하게 한다.
제약 조건 유효성 검사 HTML
disabled : 비활성화할 input 요소를 지정한다.
max : input 요소의 최대값을 지정한다.
min : input 요소의 최소값을 지정한다.
pattern : input 값의 패턴을 지정한다
required : 필수 요소를 지정한다.
type : input 요소의 타입을 지정한다.
제약 조건 유효성 검사 CSS
:disabled : 이 속성이 지정된 입력 요소를 선택한다.
:invalid : 유효하지 않은 값을 가진 요소를 선택한다.
:optional : required 속성이 지정되지 않은 입력 요소를 선택한다.
:required : 이 속성이 지정된 입력 요소를 선택한다.
:valid : 유효한 값을 가진 입력 요소를 선택한다.
DOM Method
checkValidity() : 입력 요소에 유효한 ㄷ이터가 포함되어있는 경우에 true를 리턴한다.
setCustomValidity() : 입력 요소의 validationMessage 속성을 설정한다.
DOM 속성
validity : 입력 요소의 유효성과 관련된 Boolean 속성을 포함한다.
validationMessage : 유효성이 false 일때 브라우저에 표시할 메시지가 포함되어있다.
willValidate : 입력 요소의 유효성을 검사할지 여부를 나타낸다.
유효성 속성
customError : 사용자 정의 유효성 메세지가 설정된 경우 true 로 설정한다.
patternMismatch : 요소의 값이 패턴 속성과 일치하지 않으면 true 로 설정한다.
rangeOverflow : 요소 값이 max보다 큰 경우 true로 설정한다.
rangeUnderflow : 요소 값이 min 보다 작은 경우 true로 설정한다.
stepMismatch : 요소 값이 단계 속성마다 유효하지 않으면 true로 설정한다.
toLong : 요소의 값이 maxLength 속성을 초과하면 true로 설정한다.
typeMismatch : 요소의 값이 유형 속성에 따라 유효하지 않는 경우 true로 설정한다.
valueMissing : 필수 요소에 값이 없는 경우 true 로 설정한다.
valid : 요소 값이 유효한 경우 true로 설정한다.
