HTML zagotavlja vgrajeno validacijo prek atributov, zato brskalnik blokira neveljavne pošiljke in prikazuje sporočila — potreben ni JavaScript.
html
Submit
HTML zagotavlja vgrajeno validacijo prek atributov, zato brskalnik blokira neveljavne pošiljke in prikazuje sporočila — potreben ni JavaScript.
Submit
Atributi validacije: required, min/max, minlength/maxlength, pattern (regex) in tip samega (npr. email, url, number). Pri pošiljanju brskalnik preveri vse, zaustavi pošiljko, če katerad ne uspe, in prikaže nativni mehurček na prvem neveljavnem polju.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Validacijo v JavaScriptu lahko berete in prilagodite:
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 vam omogoči dodajanje pravil, ki jih atributi ne morejo izraziti (npr. "potrdilo gesla se ujema").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Vedno tudi na strežniku potrdite — validacija na strani odjemalca je za izkušnjo; uporabniki jo lahko obidejo.
Nativna validacija vam brezplačno daje dostopna, lokalizirana sporočila o napakah in takojšnjo povratno informacijo.
Deklariativne atribute kombinirajte s Constraint Validation API za lastna pravila — vendar nikoli ne zanašajte se na to kot na edino obrambo; tudi strežnik mora potrditi.
Knjižnica IT vprašanj za razgovore s podrobnimi odgovori — od začetnika do izkušenega.
Doniraj