एट्रिब्यूट pattern
एट्रिब्यूट pattern HTML फॉर्म
के इनपुट फील्ड का रेगुलर एक्सप्रेशन द्वारा वैलिडेशन सेट करता है।
रेगुलर एक्सप्रेशन विशेष कमांड्स होते हैं जो लगभग कोई भी वैलिडेशन नियम बनाने की अनुमति देते हैं। आप उनके साथ अधिक विस्तार से PHP रेगुलर एक्सप्रेशन बुक या JavaScript रेगुलर एक्सप्रेशन बुक में परिचित हो सकते हैं।
फॉर्म सबमिट करने के प्रयास के दौरान, यदि इस एट्रिब्यूट वाला फील्ड खाली है - ब्राउज़र फॉर्म सबमिट नहीं करने देगा और एक पॉप-अप टूलटिप के रूप में त्रुटि दिखाएगा। दुर्भाग्य से, त्रुटि संदेश और उसका रूप HTML या CSS का उपयोग करके बदला नहीं जा सकता।
ध्यान रखें कि pattern एट्रिब्यूट की उपस्थिति
आपको PHP सर्वर साइड पर फॉर्म की शुद्धता की जांच
करने से मुक्त नहीं करती (क्योंकि इस एट्रिब्यूट के माध्यम से सुरक्षा को आसानी से बायपास किया जा सकता है)।
pattern एट्रिब्यूट का उपयोग
input
या textarea टैग पर
किया जाना चाहिए।
उदाहरण
आइए input टैग पर
pattern एट्रिब्यूट जोड़ते हैं, जिसमें
हम एक रेगुलर एक्सप्रेशन डालेंगे जो यह जांचता है
कि इनपुट में दो अंकों वाली संख्या दर्ज की गई है
(उदाहरण के लिए, 25)।
कोई भी संख्या दर्ज करें और फॉर्म सबमिट करने के लिए बटन पर क्लिक करने का प्रयास करें। यदि दो अंकों वाली संख्या नहीं दर्ज की गई है, तो ब्राउज़र फॉर्म सबमिट नहीं होने देगा और एक त्रुटि संदेश दिखाएगा, अन्यथा फॉर्म सबमिट हो जाएगा:
<form action="">
<input type="text" pattern="\d{2}">
<input type="submit">
</form>
:
उदाहरण . खाली फील्ड
पिछले उदाहरण में ब्राउज़र ने त्रुटि केवल तभी दिखाई
जब फील्ड खाली नहीं था (हालांकि खाली फील्ड
दो अंकों वाली संख्या नहीं है)। आइए प्रयास करते हैं
कि त्रुटि खाली फील्ड के लिए भी दिखाई दे - pattern एट्रिब्यूट के साथ
हम required एट्रिब्यूट भी लिखेंगे:
<form action="">
<input type="text" pattern="\d{2}" required>
<input type="submit">
</form>
:
यह भी देखें
-
requiredएट्रिब्यूट,
जिसकी सहायता से खालीपन की जांच की जा सकती है
