KOMPOOS.NL

oninvalid - html5

home » manuals » html5 » oninvalid.html

sitemap | terug naar het html5 referentie - events - overzicht


voorbeeld oninvalid html5

uitleg oninvalid procedure

Ondanks dat niet alle browsers (op dit moment) oninvalid ondersteunen, is er geen reden om deze functie niet alvast in jouw pagina('s) "in te bouwen". Zonder javascript kan je eenvoudig de input valideren en geen enkele browser geeft een foutmelding voor de html5-code. Als je iets anders invult dan een getal van 0 t/m 9 zal er een alert verschijnen met de mededeling: "voer een geldig getal in". Tenminste als de browser oninvalid ondersteunt.

html5 code voor het oninvalid voorbeeld


<form method="post">
        <label for="oninvalid">voer een getal tussen 0 en 9 in:
                <input id="oninvalid" name="oninvalid" type="number" min="0" max="9" required="required"
                oninvalid="alert('voer een geldig getal in');return false;">
        </label>
</form>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.