HTML pruža ugrađenu validaciju putem atributa, pa preglednik blokira nevaljane slanja i prikazuje poruke — nije potreban JavaScript.
html
Submit
HTML pruža ugrađenu validaciju putem atributa, pa preglednik blokira nevaljane slanja i prikazuje poruke — nije potreban JavaScript.
Submit
Atributi validacije: required, min/max, minlength/maxlength, pattern (regex), i sam tip (email, url, number). Pri slanju, preglednik ih provjerava, zaustavlja slanje ako nešto ne uspije, i prikazuje nativni mjehur na prvom nevaljanum 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 */
Možete čitati i prilagođavati validaciju u JavaScriptu:
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 omogućava dodavanje pravila koja atributi ne mogu izraziti (npr. "potvrdi da se lozinka podudara").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Uvijek validirajte i na serveru — validacija na strani klijenta je za UX; korisnici je mogu zaobići.
Nativna validacija vam besplatno daje dostupne, lokalizirane poruke o greškama i trenutnu povratnu informaciju.
Kombibirajte deklarativne atribute s Constraint Validation API-jem za prilagođena pravila — ali nikada joj ne vjerujte kao svojoj jednoj liniji obrane; server mora također validirati.
Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj