invalid
Misol
Kiritish maydoni yaroqsiz bo‘lsa, biror matnni alert orqali chiqaring:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
oninvalid hodisasi yuboriladigan <input> elementi yaroqsiz bo‘lganda sodir bo‘ladi.
Masalan, agar required atributi o‘rnatilgan bo‘lsa va maydon bo‘sh bo‘lsa, kiritish maydoni yaroqsiz hisoblanadi (required atributi forma yuborilishidan oldin kiritish maydoni to‘ldirilishi shartligini belgilaydi).
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar hodisani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Ha | 10.0 | Ha | Ha | Ha |
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("invalid", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Yo‘q |
|---|---|
| Bekor qilish mumkinmi: | Ha |
| Hodisa turi: | Event |
| HTML teglari: | <input> |
| DOM versiyasi: | Level 3 hodisalari |
Ko‘proq misollar
Misol
Kiritish maydonida 6 tadan kam belgi bo‘lsa, biror matnni alert orqali chiqaring:
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>
O‘zingiz sinab ko‘ring »
Misol
Kiritish maydonida 2 dan kichik yoki 5 dan katta son bo‘lsa, biror matnni alert orqali chiqaring:
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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
JavaScript darsligi: JavaScript formalari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!