HTML बिल्ट-इन सत्यापन विशेषताओं के माध्यम से प्रदान करता है, इसलिए ब्राउजर अमान्य सबमिशन को ब्लॉक करता है और संदेश दिखाता है — कोई जावास्क्रिप्ट आवश्यक नहीं है।
html
Submit
HTML बिल्ट-इन सत्यापन विशेषताओं के माध्यम से प्रदान करता है, इसलिए ब्राउजर अमान्य सबमिशन को ब्लॉक करता है और संदेश दिखाता है — कोई जावास्क्रिप्ट आवश्यक नहीं है।
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 */
आप जावास्क्रिप्ट में सत्यापन को पढ़ और अनुकूलित कर सकते हैं:
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 के साथ संयोजित करें — लेकिन इसे अपनी एकमात्र सुरक्षा पंक्ति के रूप में कभी भरोसा न करें; सर्वर को भी सत्यापन करना चाहिए।
विस्तृत उत्तरों के साथ IT इंटरव्यू प्रश्नों की एक लाइब्रेरी — जूनियर से सीनियर तक।
दान करें