HTML tilbyr innebygd validering via attributter, slik at nettleseren blokkerer ugyldige innsendinger og viser meldinger — ingen JavaScript kreves.
Submit
HTML tilbyr innebygd validering via attributter, slik at nettleseren blokkerer ugyldige innsendinger og viser meldinger — ingen JavaScript kreves.
Submit
Valideringsattributtene: required, min/max, minlength/maxlength, pattern (regex), og typen selv (email, url, number). Ved innsending sjekker nettleseren dem, stopper innsendingen hvis noen mislykkes, og viser en innebygd boble på det første ugyldige feltet.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Du kan lese og tilpasse validering i JavaScript:
const input = document.querySelector("input");
input.validity.valueMissing; // true if required and empty
input.validity.typeMismatch; // true if email/url format is wrong
input.checkValidity(); // returns boolean, fires invalid event
input.setCustomValidity("Passwords don't match"); // custom error message
setCustomValidity lar deg legge til regler som attributtene ikke kan uttrykke (f.eks. «bekreft at passordet samsvarer»).
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Valider alltid på serveren også — klientvalidering er for brukeropplevelse; brukere kan omgå den.
Innebygd validering gir deg tilgjengelige, lokaliserte feilmeldinger og øyeblikkelig tilbakemelding gratis.
Kombiner de deklarative attributtene med Constraint Validation API for egendefinerte regler — men stol aldri på den som ditt eneste forsvarslag; serveren må validere også.