ongeldige gebeurtenis
Voorbeeld
Waarsku 'n teks as 'n invoerveld ongeldig is:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die oninvalid gebeurtenis vind plaas wanneer 'n indienbare <input> element ongeldig is.
Byvoorbeeld, die invoerveld is ongeldig as die vereiste kenmerk gestel is en die veld leeg is (die vereiste kenmerk spesifiseer dat die invoerveld ingevul moet word voordat die vorm ingedien word).
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Event | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Yes | Yes |
Sintaksis
In HTML:
<element oninvalid="myScript">
In JavaScript:
object.oninvalid = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("invalid", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Geen |
---|---|
Kanselleerbaar: | Ja |
Soort gebeurtenis: | Gebeurtenis |
Ondersteunde HTML-etikette: | <invoer> |
DOM weergawe: | Vlak 3-geleenthede |
Meer voorbeelde
Voorbeeld
Waarsku sommige teks as 'n invoerveld minder as 6 karakters bevat:
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>
Voorbeeld
Waarsku 'n teks as 'n invoerveld 'n getal bevat wat minder as 2 of groter as 5 is:
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>
Verwante bladsye
JavaScript-tutoriaal: JavaScript-vorms