oninvalid-tilsagnet

DOM Events Event objekt

Definition og brug

oninvalid-tilsagnet udløses, når et skrivbart <input>-element er ugyldigt.

For eksempel, hvis required-egenskaben er sat, og feltet er tomt, er inputfeltet ugyldigt (required-egenskaben specificerer, at inputfeltet skal udfyldes, før formularen sendes).

Eksempel

Eksempel 1

Hvis inputfeltet er ugyldigt, vis nogle tekster:

<input type="text" oninvalid="alert('Du skal udfylde formularen!');" required>

Prøv det selv

Der er flere TIY-eksempler nedenfor på siden.

Syntaks

I HTML:

<element oninvalid="minScript">

Prøv det selv

I JavaScript:

object.oninvalid = function(){minScript};

Prøv det selv

I JavaScript bruges addEventListener() metoden:

object.addEventListener("invalid", minScript);

Prøv det selv

Bemærkninger:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Boble: Ikke understøttet
Kan annulleres: Understøtter
Begivenhedstype: Begivenhed
Understøttede HTML-mærker: <input>
DOM version: Level 3 Begivenheder

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter begivenheden.

Begivenhed Chrome IE Firefox Safari Opera
oninvalid Understøtter 10.0 Understøtter Understøtter Understøtter

Flere eksempler

Eksempel 2

Hvis inputfeltet indeholder færre end 6 tegn, vis nogle tekster:

Navn: <input type="text" id="minInput" name="fname" pattern=".{6,}" required>
<script>
document.getElementById("minInput").addEventListener("invalid", minFunktion);
function minFunktion() {
  alert("Må indeholde 6 eller flere tegn");
}
</script>

Prøv det selv

Eksempel 3

Hvis inputfeltet indeholder et tal mindre end 2 eller større end 5, vis nogle tekster:

Tal: <input type="number" id="minInput" name="quantity" min="2" max="5" required>
<script>
document.getElementById("minInput").addEventListener("invalid", minFunktion);
function minFunktion() {
  alert("Du skal vælge et tal mellem 2 og 5. Du valgte: " + this.value);
}
</script>

Prøv det selv

Relaterede sider

JavaScript Tutorial: JavaScript Formular

DOM Events Event objekt