form API

자동유효성 검사를 사용하지 않고 Javascript로 유효성 검사를 할 때 사용할 수 있는 API입니다.

• Validation DOM

  입력 필드에 유효하지 않은 데이터가 있으면 메시지를 표시할 수 있습니다.

  속성	설명
  validity	입력요소의 유효성 상태를 포함하는 객체
  validationMessage	유효성이 거짓일 때 브라우저에 표시되는 메시지
  willValidate	폼이 제출될때 요소의 유효성을 자동으로 검사할지 여부를 반환

  메소드	설명
  checkValidity()	입력요소가 유효하면 true를 반환합니다.
  setCustomValidity()	요소에 사용자 정의 오류 메세지를 추가 합니다. 빈문자열을 전달하면 사용자 정의 오류메시지가 지워집니다. 메세지를 추가하면 기본 메시지는 무시 되어집니다.

• validity 객체의 속성

  속성	설명
  validity.customError	사용자 정의 오류메시지가 설정된 경우 true
  validity.patternMismatch	pattern 속성과 일치하지 않는다면 true
  validity.rangeOverflow	max 값보다 크면 true
  validity.rangeUnderflow	min 값보다 작으면 true
  validity.stepMismatch	step 속성에 따라 요소의 값이 유효하지 않으면 true
  validity.tooLong	maxlength 속성보다 긴 경우 true
  validity.typeMismatch	type의 유형에 올바르지 않은 경우 true
  validity.valueMissing	required 속성을 가진 요소가 값이 없는 경우 true
  validity.valid	요소의 값이 유효한 경우 true