HTML ofron validim të ndërtuar në përmes atributeve, kështu që shfletuesit bllokon paraqitjet e pavlefshme dhe shfaq mesazhe — nuk kërkohet JavaScript.
html
Submit
HTML ofron validim të ndërtuar në përmes atributeve, kështu që shfletuesit bllokon paraqitjet e pavlefshme dhe shfaq mesazhe — nuk kërkohet JavaScript.
Submit
Atributet e validimit: required, min/max, minlength/maxlength, pattern (regex), dhe vetë tipi (email, url, number). Kur dërgohet, shfletuesit kontrollon të gjithë, ndalon dërgimin nëse ndonjëri dështon, dhe shfaq një flluskë nativ në fushën e parë të pavlefshme.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Ju mund të lexoni dhe përshtatni validimin në 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 ju lejon të shtoni rregulla që atributet nuk mund të shprehin (psh. "konfirmimi i fjalëkalimit përputhet").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Gjithmonë validoni edhe në server — validimi i klientit është për përvojën; përdoruesit mund ta anashkalojnë atë.
Validimi nativ ju jep mesazhe gabimi të arritshme, të lokalizuara dhe përgjigje të menjëhershme nën
Kombinoni atributet deklarative me API e Constraint Validation për rregulla të personalizuara — por mos e besoni atë si vijën tuaj unike të mbrojtjes; serveri duhet gjithashtu të validojë.