HTML menyediakan pengesahan bawaan melalui atribut, jadi penyemak imbas menghalang penyerahan yang tidak sah dan menunjukkan mesej — tidak perlu JavaScript.
html
Submit
HTML menyediakan pengesahan bawaan melalui atribut, jadi penyemak imbas menghalang penyerahan yang tidak sah dan menunjukkan mesej — tidak perlu JavaScript.
Submit
Atribut pengesahan: required, min/max, minlength/maxlength, pattern (regex), dan jenis itu sendiri (email, url, number). Semasa penyerahan, penyemak imbas memeriksa mereka, menghentikan penyerahan jika ada yang gagal, dan menunjukkan gelembung asli pada medan pertama yang tidak sah.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Anda boleh membaca dan menyesuaikan pengesahan dalam 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 memungkinkan anda menambah peraturan yang tidak boleh dinyatakan oleh atribut (cth. "sahkan kata laluan sepadan").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Sentiasa sahkan di pelayan juga — pengesahan klien untuk UX; pengguna boleh memintasnya.
Pengesahan asli memberi anda mesej ralat yang boleh diakses dan setempat serta maklum balas serta-merta dengan percuma.
Gabungkan atribut deklaratif dengan API Pengesahan Kekangan untuk peraturan tersuai — tetapi jangan pernah mempercayainya sebagai satu-satunya pertahanan; pelayan juga mesti mengesahkan.