HTML უზრუნველყოფს ჩაშენებულ ვალიდაციას ატრიბუტების მეშვეობით, ასე რომ ბრაუზერი ხელს უშლის არასწორ გადაგზავნებს და აჩვენებს შეტყობინებებს — JavaScript არ არის საჭირო.
html
Submit
HTML უზრუნველყოფს ჩაშენებულ ვალიდაციას ატრიბუტების მეშვეობით, ასე რომ ბრაუზერი ხელს უშლის არასწორ გადაგზავნებს და აჩვენებს შეტყობინებებს — JavaScript არ არის საჭირო.
Submit
ვალიდაციის ატრიბუტები: required, min/max, minlength/maxlength, pattern (regex), და თავად ტიპი (email, url, number). გაგზავნისას ბრაუზერი მათ ამოწმებს, წყვეტს გაგზავნებას თუ რომელიმე ვერ ჩაიდა, და აჩვენებს ნატიურ ბუშტს პირველ არასწორ ველზე.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
You can read and customize validation in 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 გაძლევთ საშუალებას დაამატოთ წესები, რომელთა გამოხატვა ატრიბუტებმა ვერ შეძლებენ (მაგ. "პароლის დადასტურება ემთხვევა").
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
ყოველთვის ვალიდაციუ ასევე სერვერზე — კლიენტის ვალიდაცია UX-ის জন্যა; მომხმარებელმა შეიძლება იგი გვერდის ავლით წავიდეს.
ნატიური ვალიდაცია გაძლევთ ხელმისაწვდომ, ლოკალიზებულ შეცდომის შეტყობინებებს და მყისიერი უკუკავშირი თავისუფლად.
გააერთიანეთ დეკლარაციული ატრიბუტები შეზღუდვის ვალიდაციის API-თან მორგებული წესებისთვის — მაგრამ არასოდეს ჯერჯერობით დაეყრდენოთ როგორც თქვენი ერთადერთი თავდაცვა; სერვერმაც უნდა ვალიდაცია გაცეს.