2022-12-05 1차 KSP / form.checkValidity() 유효성 검사

폼 검증 api 사용

자바스크립트에서 폼이 유효한지 확인하는 가장 간단한 방법

form.checkValidity()

어떤 조건이라도 실패하면 거짓을 반환하고

전부 통과할 경우 참을 반환한다.

오류 메세지를 보여주지 않고

document.getElementById('form').checkValidity();  // true

 

form.reportValidity()는 서식의 전송 버튼을 누른 것 처럼 오류메세지를 표시하지만

서식 전송 x

 

setCustomValidity()
브라우저에 기본 설정되어 있는 validationMessage 를 원하는 메시지로 설정할 수 있습니다.

document.getElementById('bar').setCustomValidity('비밀번호를 정확히 입력해주세요.');