geçersiz Olay
Örnek
Bir giriş alanı geçersizse bazı metinleri uyarın:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Geçersiz olay, gönderilebilir bir <input> öğesi geçersiz olduğunda oluşur.
Örneğin, gerekli öznitelik ayarlanmışsa ve alan boşsa giriş alanı geçersizdir (gerekli öznitelik, formu göndermeden önce giriş alanının doldurulması gerektiğini belirtir).
Tarayıcı Desteği
Tablodaki sayılar, olayı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Event | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Yes | Yes |
Sözdizimi
HTML'de:
<element oninvalid="myScript">
JavaScript'te:
object.oninvalid = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("invalid", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Numara |
---|---|
İptal edilebilir: | Evet |
Etkinlik tipi: | Etkinlik |
Desteklenen HTML etiketleri: | <giriş> |
DOM Sürümü: | 3. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Bir giriş alanı 6'dan az karakter içeriyorsa bazı metinleri uyarın:
Name: <input type="text" id="myInput" name="fname" pattern=".{6,}"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("Must contain 6 or more characters");
}
</script>
Örnek
Bir giriş alanı 2'den küçük veya 5'ten büyük bir sayı içeriyorsa bazı metinleri uyarın:
Number: <input type="number" id="myInput" name="quantity" min="2" max="5"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
İlgili Sayfalar
JavaScript Eğitimi: JavaScript Formları