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 */
तुम्ही 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 सह एकत्र करा — परंतु त्याला कधीच एकमेव संरक्षण म्हणून विश्वास करू नका; सर्व्हरनेही व्हॅलिडेट करणे आवश्यक आहे।