HTML hutoa uthibitisho uliojengwa ndani kupitia sifa, kwa hivyo kivinjari kinazuia kuwasilisha batili na kuonyesha ujumbe — hakuna JavaScript inayohitajika.
html
Submit
HTML hutoa uthibitisho uliojengwa ndani kupitia sifa, kwa hivyo kivinjari kinazuia kuwasilisha batili na kuonyesha ujumbe — hakuna JavaScript inayohitajika.
Submit
Sifa za uthibitisho: required, min/max, minlength/maxlength, pattern (regex), na aina yenyewe (email, url, number). Wakati wa kuwasilisha, kivinjari kinagongeza zote, kinasimama kuwasilisha ikiwa kina chochote kinachoshindwa, na kuonyesha kiputo asili kwenye eneo la kwanza batili.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Unaweza kusoma na kukamatia uthibitisho katika 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 inakuwezesha kuongeza sheria ambazo sifa haziwezi kuonyesha (k.m. "uthibitisho wa neno la siri unafanana").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Kila wakati thibitisha kwenye seva pia — uthibitisho wa mteja ni kwa UX; watumiaji wanaweza kuepuka.
Uthibitisho asili unakupatia ujumbe wa hitilafu uliopatikana, ujumbe uliokamatia mahali na kujibu haraka kwa bure.
Unganisha sifa za kutangaza na Constraint Validation API kwa sheria za kawaida — lakini usiategemea kama mstari wako wa pekee wa ulinzi; seva pia lazima ithiitishi.
Maktaba ya maswali ya mahojiano ya IT yenye majibu ya kina — kutoka Junior hadi Senior.
Changia