tutorial pengembangan web terbaru
 

Acara oninvalid

Acara Referensi Obyek Obyek acara

Contoh

Mengingatkan beberapa teks jika field input tidak valid:

<input type="text" oninvalid="alert('You must fill out the form!');" required>
Cobalah sendiri "

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.

Peristiwa
oninvalid iya nih 10,0 iya nih Tidak didukung iya nih

Sintaksis

Dalam HTML:

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

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