Acara oninvalid

Obyek acara

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Acara oninvalid terjadi ketika submittable <input> elemen tidak valid.

Sebagai contoh, field input tidak valid jika required atribut diatur dan lapangan kosong (yang required atribut menetapkan bahwa field input harus diisi sebelum mengirimkan formulir).

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.

Sintaksis

Dalam HTML:

< Cobalah sendiri "

Dalam JavaScript:

object .oninvalid=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("invalid", myScript );

Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.

---

Rincian teknis

Gelembung:	Tidak
dibatalkan:	iya nih
jenis acara:	Peristiwa
tag HTML yang didukung:	<Input>
DOM Versi:	Level 3 Acara

Contoh lebih

Contoh

Mengingatkan beberapa teks jika field input mengandung kurang dari 6 karakter:

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>

Cobalah sendiri "

Contoh

Mengingatkan beberapa teks jika field input berisi sejumlah yang kurang dari 2 atau lebih besar dari 5:

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>

Cobalah sendiri "

---

Pages terkait

JavaScript Tutorial: Bentuk JavaScript

---

<Object Acara