최신 웹 개발 튜토리얼
 

oninvalid 이벤트

이벤트 객체 참조 이벤트 객체

예

입력 필드가 무효 인 경우 텍스트를 경고 :

<input type="text" oninvalid="alert('You must fill out the form!');" required>
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

submittable 때 oninvalid 이벤트가 발생 <input> 엘리먼트가 유효하다.

예를 들면, 만약 입력 필드가 잘못 required 속성이 설정되고,이 필드 (비어있다 required 특성은 입력 필드 양식을 제출하기 전에 채워 져야 함을 지정).

브라우저 지원

테이블의 숫자는 완전히 이벤트를 지원하는 최초의 브라우저 버전을 지정합니다.

행사
oninvalid 예 10.0 예 지원되지 않음 예

통사론

HTML에서 :

< »그것을 자신을 시도

자바 스크립트에서 :

object .oninvalid=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("invalid", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 아니
취소 가능 : 예
이벤트 유형: 행사
지원되는 HTML 태그 : <input>
DOM 버전 : 레벨 3 이벤트
예

더 예

예

입력 필드 미만 6 문자가 포함 된 경우 텍스트를 경고 :

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>
»그것을 자신을 시도

예

입력 필드가 5 이하가 2 이상의 숫자를 포함하는 경우 텍스트를 알림 :

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
»그것을 자신을 시도

관련 페이지

자바 스크립트 튜토리얼 : 자바 스크립트 양식

<이벤트 객체