Form validation attributes: required, pattern, min, max in hindi
एचटीएमएल5 वेब डेवलपमेंट स्क्रिप्ट फॉर्म डिज़ाइन में आपको कई नए बिल्ट-इन फ़ॉर्म वेलिडेशन ऐट्रिब्यूट्स या फीचर्स मिलते है, फॉर्म वेलिडेशन इंटरनेट यूजर के द्वारा फील और एक्सेस डिजिटल फॉर्म इनफार्मेशन को चेक और स्टोर कर सके, जैसे वेब विजिटर इन फॉर्म में डिजिटल इनफार्मेशन को भरता है, तब फॉर्म वेलिडेशन ऐट्रिब्यूट्स वेब विजिटर को एक सुलभ फॉर्म फील एनवायरनमेंट विथ फॉर्म वेलिडेशन फीचर्स प्रदान करता है।
So let us know the multiple form attributes and features in HTML5 better.
Form required attribute.
एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में रिक्वायर्ड फॉर्म ऐट्रिब्यूट्स फॉर्म में यह इंडीकेट करता है, की इस फॉर्म इनपुट फील्ड को भरे आप फॉर्म को कम्पलीट नहीं कर सकते है, यानि ये फॉर्म फील्ड एक इम्पोर्टेन्ट रिक्वायर्ड फील्ड केटेगरी है, जिसे फॉर्म में भरना एसेंशियल है। जहा डिज़ाइन फॉर्म में इन्हे रिक्वायर्ड फॉर्म ऐट्रिब्यूट्स के साथ डिज़ाइन किया जाता है।
Example of Form required attribute.
<form>
<label for=”empname”>Employee Name – </label>
<input type=”text” id=”empname” name=”empname” required>
<input type=”submit” value=”Submit”>
</form>
Form Required Attributes Behavior.
रिक्वायर्ड ऐट्रिब्यूट्स फॉर्म को वेब डेवलपर इस तरह डिज़ाइन करता है, की बिना उस रिक्वायर्ड इनपुट फॉर्म फील्ड को भरे बिना फॉर्म सबमिट या प्रोसेस नहीं होगा, इसके साथ वेब विजिटर को उस फील्ड को भरना ही होगा, और ये एक रिक्वायर्ड एसेंशियल फॉर्म फील्ड की तरह डिस्प्ले और प्रोसेस होगा।
Form Pattern Attribute.
एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में पैटर्न ऐट्रिब्यूट्स एक रेगुलर फॉर्म एक्सप्रेशन ऐट्रिब्यूट्स को इंडीकेट करता है, यह यूजर इनपुट फॉर्म एलिमेंट को मौजूदा डाटा और इनफार्मेशन से वेरीफाई करते है। यह वेब विजिटर को टेक्स्ट-बेस्ड फॉर्म इनपुट में कस्टम फॉर्म इनपुट कण्ट्रोल वेरिफक्शन अल्लॉव करता है।
वेब डेवलपर डिज़ाइन फॉर्म में स्पेशल इनपुट फॉर्म फॉर्मेट में टेक्स्ट बेस्ड इनपुट फॉर्म फॉर्मेट को अप्लाई करने से पहले इन ऐट्रिब्यूट्स को ऐड करता है, वेब डेवलपर फॉर्म स्पेशल फॉर्म ऐट्रिब्यूट्स में टेक्स्ट, सर्च, टेली, यूआरएल, ईमेल, आदि डिजायर फॉर्म ऐट्रिब्यूट्स को अप्लाई कर सकते है।
Example of form pattern attributes.
<form>
<label for=”pincode”>Pin Code – </label>
<input type=”text” id=”pincode” name=”pincode” pattern=”\d{5}” placeholder=”307001″ required>
<input type=”submit” value=”Submit”>
</form>
Form Pattern Attributes Explanation.
यहाँ आपको दिए गए फॉर्म पैटर्न उदाहरण में पैटर्न ऐट्रिब्यूट्स एक रेगुलर एक्सप्रेशन रेगेक्स (\d{5}) को इंडीकेट करती है, यह एक 5 न्यूमेरिक यूजर इनपुट पिन कोड से वेरीफाई करता है। यहाँ ये फ़ॉर्म उसी समय सबमिट होगा, जब पिन कोड इनपुट वैल्यू इस पैटर्न ऐट्रिब्यूट्स स्टैण्डर्ड को फॉलो करे।
Form Pattern Behavior.
यहाँ यदि यूजर इनपुट पिन कोड इन्टिजर वैल्यू मौजूदा पैटर्न से वेरीफाई नहीं होती है, तो यह यूजर को फॉर्म में एक एरर मैसेज डिस्प्ले करता है।
Form Min attribute.
एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में न्यूनतम ऐट्रिब्यूट्स यूजर न्यूमेरिक इनपुट टाइप्स में न्यूमेरिक, रेंज, डेट, डेट-टाइम-लोकल, मंथ, टाइम, वीक, के लिए न्यूनतम अक्सेप्टबल ऐट्रिब्यूट्स को फॉलो करती है। याद रहे, ये फॉर्म में एक मिनिमम फॉर्म इनपुट कण्ट्रोल ऐट्रिब्यूट्स को अप्लाई करती है। जरूरत के अनुसार एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में न्यूमेरिक या डेट टाइम वैल्यू फॉर्म इनपुट कण्ट्रोल के लिए इन ऐट्रिब्यूट्स फीचर्स को अप्लाई कर सकते है।
Example of Form Min attribute.
<form>
<label for=”yourage”>Enter Your Age – </label>
<input type=”number” id=”yourage” name=”yourage” min=”18″ required>
<input type=”submit” value=”Submit”>
</form>
Form Min attribute explanation.
यहाँ ऊपर दिए गए फॉर्म मिनिमम पैटर्न एट्रिब्यूट में फॉर्म में इनपुट फील्ड कण्ट्रोल में यूजर इनपुट ऐज वैल्यू कम से कम 18 वर्ष से अधिक होनी चाहिए, यही यहाँ मिनिमम फॉर्म इनपुट ऐट्रिब्यूट्स की मुख्य भूमिका है.
यहाँ यदि यूजर इनपुट ऐज वैल्यू 18 वर्ष से कम है, तो यह वेब ब्राउज़र में यूजर को फॉर्म सबमिशन की परमिशन नहीं देगा, और क्लाइंट वेब ब्राउज़र विंडो में एक एरर मैसेज डिस्प्ले करेगा।
Form max attribute.
एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में मैक्सिमम फॉर्म ऐट्रिब्यूट्स वेब विजिटर को फॉर्म में इनपुट न्यूमेरिक इनपुट कण्ट्रोल टाइप्स में न्यूमेरिक, रेंज, डेट, डेट-टाइम-लोकल, मंथ, टाइम, वीक फॉर्म इनपुट कण्ट्रोल में मैक्स वैल्यू को अक्सेप्टबल अल्लॉव करता है।
Form max attribute usage.
एचटीएमएल5 वेब पेज में डिज़ाइन फॉर्म में जरूरत के अनुसार न्यूमेरिक या डेट टाइम फॉर्म यूजर वैल्यू को एक्सेप्ट करने के लिए मैक्सिमम फॉर्म ऐट्रिब्यूट्स को अप्लाई कर सकते है।
Example of Form max attribute.
<form>
<label for=”amount”>Amount – </label>
<input type=”number” id=”amount” name=”amount” min=”1″ max=”20″ required>
<input type=”submit” value=”Submit”>
</form>
Explanation of max attribute in form.
यहाँ ऊपर दिए गए फॉर्म उदाहरण में, मैक्स अमाउंट फॉर्म इनपुट कण्ट्रोल ऐट्रिब्यूट्स वेब विजिटर को एक निश्चित नंबर में यूजर वैल्यू को इनपुट करने के लिए बाध्य करता है।
Form Max Input Attributes Behavior.
यहाँ फॉर्म में डिफाइन इनपुट कण्ट्रोल यूजर वैल्यू में अधिक है, तो यूजर को फॉर्म वैल्यू सबमिशन के समय एरर डिस्प्ले होगा और फॉर्म सबमिशन नहीं होगा।
Additional validation attributes in HTML5.
Form maxlength attribute.
एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म में टेक्स्ट-बेस्ड फॉर्म कण्ट्रोल इनपुट के लिए आप जरूरत के अनुसार फॉर्म कण्ट्रोल मैक्स लेंथ करैक्टर न्यूमेरिक वैल्यू ऐट्रिब्यूट्स को डिफाइन कर सकते है ।
Example of form max length attributes.
<form>
<label for=”visitorname”>Visitor name – </label>
<input type=”text” id=”visitorname” name=”visitorname” maxlength=”30″ required>
<input type=”submit” value=”Submit”>
</form>
Form minlength attribute.
एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म में टेक्स्ट-बेस्ड फॉर्म कण्ट्रोल इनपुट के लिए आप जरूरत के अनुसार फॉर्म कण्ट्रोल मीन लेंथ करैक्टर न्यूमेरिक वैल्यू ऐट्रिब्यूट्स को डिफाइन कर सकते है।
Example of form minlength attribute.
<form>
<label for=”password”>Enter Password – </label>
<input type=”password” id=”password” name=”password” minlength=”6″ required>
<input type=”submit” value=”Submit”>
</form>
HTML5 Form Design Development Attributes Explanation.
एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म में फॉर्म वेलिडेशन ऐट्रिब्यूट्स फॉर्म इंटीग्रिटी और फॉर्म यूजर कण्ट्रोल बिहैवियर को बेहतर बनाता है।
- Form required attribute – एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म इनपुट फ़ील्ड को रिक्वायर्ड ऐट्रिब्यूट्स के साथ इंडीकेट करता है।
- Form pattern attribute – एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म कस्टम फॉर्म वेलिडेशन पैटर्न ऐट्रिब्यूट्स के लिए एक रेगुलर एक्सप्रेशन रेगेक्स को इंडीकेट करता है।
- Form min attribute – एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म इनपुट कण्ट्रोल के लिए न्यूमेरिक या डेट इनपुट के लिए न्यूनतम वैल्यू को एक्सेप्ट डिफाइन करते है।
- Form max attribute – एचटीएमएल5 वेब डेवलपमेंट डिज़ाइन फॉर्म में न्यूमेरिक या डेट इनपुट के लिए मैक्स लेंथ अक्सेप्टबल वैल्यू डिफाइन कर सकते है।
