HTML nyediakake validasi sing wis dibangun nganggo atribut, dadi browser ngenali kiriman sing salah lan nampilake pesen — ora perlu JavaScript.
html
Submit
HTML nyediakake validasi sing wis dibangun nganggo atribut, dadi browser ngenali kiriman sing salah lan nampilake pesen — ora perlu JavaScript.
Submit
Atribut validasi: required, min/max, minlength/maxlength, pattern (regex), lan tipe dhewe (email, url, number). Pas submit, browser mriksa, mandeg kiriman yen ana sing gagal, lan nampilake gelembung asli ing lapangan pertama sing salah.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Kowe bisa maca lan ngedit-susunan validasi ing 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 ngidini kowe nambah aturan sing atribut ora bisa nyatakake (contone "kiyataaken password cocok").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Tansah validasi ing server uga — validasi klien kanggo UX; panggunanipun bisa ngaluh.
Validasi asli ngijab pesen kesalahan sing bisa diakses lan dipundarake lan umpan balik langsung kanthi gratis.
Gabung atribut deklaratif karo API Validasi Kendala kanggo aturan khusus — nanging ora pernah kapercayan minangka garis pertahanan dhewe; server kudu validasi uga.