Soláthraíonn HTML fíorú ionsuite trí bhríathartha, ionas go bhacann an brabhsálaí solaethí neamhbhailí agus go thaispeánann sé teachtaireachtaí — níl JavaScript ag teastáil.
html
Submit
Soláthraíonn HTML fíorú ionsuite trí bhríathartha, ionas go bhacann an brabhsálaí solaethí neamhbhailí agus go thaispeánann sé teachtaireachtaí — níl JavaScript ag teastáil.
Submit
Na bhríathartha fíorúcháin: required, min/max, minlength/maxlength, pattern (regex), agus an cineál féin (email, url, number). Ar thugadh isteach, déanann an brabhsálaí iad a sheiceáil, stopann sé an solaethadh má theipeann ar aon cheann, agus thaispeánann sé balúin dhúchais ar an chéad réimse neamhbhailí.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Is féidir leat fíorú a léamh agus a bhunú go pearsanta i 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
Ligean do setCustomValidity duit rialacha a chur leis nach féidir leis na bhríathartha a chur in iúl (m.sh. "dearbhigh go bhfuil an focal-faire ag teacht ar dheis").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Fíoraigh i gcónaí ar an fhreastalaí freisin — is don UX an fíorú taobh an chliaint; is féidir le húsáideoirí a imoibrú.
Tugann an fíorú dúchais teachtaireachtaí earráide inrochtana agus logánaithe, agus aiseolas meandarach ar fáil go saor.
Cumasc na bhríathartha dearbhaíocha leis an API Constraint Validation do rialacha saincheaptha — ach ná bíodh muinín agat ann mar do líne dhífhachtóir amháin; caithfidh an freastalaí a fhíorú freisin.