HTML tipprovdi validazzjoni integrata permezz ta' attributi, għalhekk il-browser jibblokka l-ipprezentazzjonijiet invalidi u jurissi l-messaġġi — m'għandekx bżonn ta' JavaScript.
html
Submit
HTML tipprovdi validazzjoni integrata permezz ta' attributi, għalhekk il-browser jibblokka l-ipprezentazzjonijiet invalidi u jurissi l-messaġġi — m'għandekx bżonn ta' JavaScript.
Submit
L-attributi tal-validazzjoni: required, min/max, minlength/maxlength, pattern (regex), u t-tip innifsu (email, url, number). Meta tippreżenta, il-browser jivverifikahom, twaqqaf il-ipprezentazzjoni jekk xi waħda tfalli, u turissi bubble nattiv fuq l-ewwel qasam invalidu.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Tista' taqra u tikkonkustomizza l-validazzjoni f'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 tippermettilak tiddaħħal regoli li l-attributi ma jistgħux jesprimi (eż. "kkonferma l-password jattrubwix").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Dejjem jivverifikaw fuq is-server ukoll — il-validazzjoni tal-kliyent hija għal UX; l-utenti jistgħu jinqasmu.
Il-validazzjoni nattiva tipprovdilak messaġġi ta' errur aċċessibbli u lokalizzati u feedback istantanju b'xejn.
Kombina l-attributi dikjaratorji mal-API tal-Validazzjoni tal-Kunjunt għal regoli personalizzati — iżda qatt ma tħaffef bħala l-unika linja tad-difiża tiegħek; is-server għandu jivverifikaw ukoll.