입력 텍스트 상자의 HTML5 유효성 상태를 어떻게 알 수 있습니까?

Question

텍스트 상자의 HTML 5 '유효성'상태를 검색하려면 어떻게해야합니까?

예를 들어 type="email"이라는 텍스트 입력이 있습니다. 사용자가 잘못된 값을 입력하면 텍스트 상자에 빨간색 테두리가 표시됩니다 (Firefox 브라우저에서).

입력란의 '유효성 상태'를 어떻게 확인할 수 있습니까?

Answer 1

당신은 validity 재산 사용할 수 있습니다

var isValid = document.getElementById('email').checkValidity(); 

Demo을 | Reference.

Answer 2

event oninvalid for invalid input이 있습니다. 조치를 원할 경우 이벤트를 등록 할 수 있습니다.

var isValid = document.getElementById('email').validity.valid; 

또는 checkValidity() 방법 :