oninvalid Olay

Olay Nesne

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

Bir submittable zaman oninvalid olay meydana <input> öğesi geçersiz.

Örneğin, eğer giriş alanı geçersiz required nitelik ayarlanır ve saha (boş required nitelik giriş alanı formu göndermeden önce doldurulması gerektiğini belirten).

Tarayıcı Desteği

Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.

Sözdizimi

HTML'de:

< Kendin dene "

JavaScript:

object .oninvalid=function(){ Kendin dene "

JavaScript olarak, kullanılarak addEventListener() metodu:

object .addEventListener("invalid", myScript );

Kendin dene "

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.

---

Teknik detaylar

Kabarcıklar:	Yok hayır
iptal Edilebilir:	Evet
Etkinlik tipi:	Olay
Desteklenen HTML etiketleri:	<Input>
DOM Versiyon:	Düzey 3 Olaylar

Diğer Örnekler

Örnek

Bir giriş alanı az 6 karakter içeriyorsa biraz metin uyar:

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>

Kendin dene "

Örnek

bir giriş alanı 5 den az 2 ya da daha büyük bir numara içeriyorsa bir metin uyar:

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>

Kendin dene "

---

İlgili Sayfalar

JavaScript Öğretici: JavaScript Formlar

---

<Olay Nesne