HTML ले बिल्ट-इन भेलिडेशन एट्रिबिउटहरूमार्फत प्रदान गर्छ, त्यसैले ब्राउजरले गलत सबमिशन रोक्छ र सन्देश देखाउँछ — कुनै JavaScript आवश्यक छैन।
html
Submit
HTML ले बिल्ट-इन भेलिडेशन एट्रिबिउटहरूमार्फत प्रदान गर्छ, त्यसैले ब्राउजरले गलत सबमिशन रोक्छ र सन्देश देखाउँछ — कुनै JavaScript आवश्यक छैन।
Submit
भेलिडेशन एट्रिबिउटहरू: required, min/max, minlength/maxlength, pattern (regex), र type आफै (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 को लागि हो; प्रयोगकर्ताहरूले यसलाई बाइपास गर्न सक्छन्।
नेटिभ भेलिडेशन तपाईलाई अ्याक्सेसिबल, स्थानीयकृत त्रुटि सन्देशहरू र तत्काल प्रतिक्रिया स्वतन्त्र रूपमा दिन्छ।
कस्टम नियमहरूको लागि डिक्लेरेटिभ एट्रिबिउटहरूलाई Constraint Validation API सँग संयोजन गर्नुहोस् — तर यसलाई आपनको एकमात्र रक्षा लाइनको रूपमा कहिल्यै विश्वास गर्नुहोस्; सर्भरले पनि भेलिडेट गर्नुपर्छ।