HTML DOM Input Password pattern प्रॉपर्टी का उपयोग इनपुट पासवर्ड फील्ड के pattern एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है। यह पासवर्ड को pattern प्रॉपर्टी द्वारा निर्दिष्ट एक रेगुलर एक्सप्रेशन के विरुद्ध जांचता है।
सिंटैक्स
Pattern प्रॉपर्टी सेट करने के लिए सिंटैक्स:
passwordObject.pattern = regexp
यहां, regexp एक रेगुलर एक्सप्रेशन है जिसके विरुद्ध पासवर्ड फील्ड की जांच की जाती है।
उदाहरण
Password pattern प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input Password pattern प्रॉपर्टी</h1> <p>पासवर्ड या तो तीन न्यूमेरिक कैरेक्टर का हो सकता है या a से g तक के 6 अल्फाबेट कैरेक्टर का</p> <form action="/Sample_page.php"> Password: <input type="password" id="PASS" name="passW" pattern="[0-9]{3}|[a-g]{6}" title="तीन न्यूमेरिक कैरेक्टर या a-g के बीच 6 अल्फाबेट"> <input type="submit"> </form> <br> <button onclick="passPattern()">पैटर्न प्राप्त करें</button> <p id="Sample"></p> <script> function passPattern() { var P = document.getElementById("PASS").pattern; document.getElementById("Sample").innerHTML ="पैटर्न एट्रिब्यूट का मान है"+ P; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
पैटर्न प्रॉपर्टी में निर्दिष्ट रेगुलर एक्सप्रेशन से मेल न खाने वाला पासवर्ड दर्ज करने पर:
"पैटर्न प्राप्त करें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type password, id="Pass", name="PassW" और pattern="[0-9]{3}|[a-g]{6}" के साथ एक इनपुट एलिमेंट बनाया। यहां पैटर्न एट्रिब्यूट मान एक रेगुलर एक्सप्रेशन है जो निर्दिष्ट करता है कि आप या तो तीन न्यूमेरिक मान दर्ज कर सकते हैं या a से g तक के 6 अल्फाबेट। यदि इनपुट इस रेगुलर एक्सप्रेशन से मेल नहीं खाता तो title एट्रिब्यूट मान इनपुट बॉक्स पर प्रदर्शित होता है। यह पासवर्ड फील्ड action एट्रिब्यूट मान "/Sample_page.php" के साथ एक फॉर्म के अंदर है। सबमिट बटन पर क्लिक करने पर हमारा फॉर्म डेटा यहीं सबमिट होगा:
<form action="/Sample_page.php"> Password: <input type="password" id="PASS" name="passW" pattern="[0-9]{3}|[a-g]{6}" title="तीन न्यूमेरिक कैरेक्टर या a-g के बीच 6 अल्फाबेट"> <input type="submit"> </form>
फिर हमने GET PATTERN बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर passPattern() मेथड को एक्जीक्यूट करेगा:
<button onclick="passPattern()">GET PATTERN</button>
passPattern() getElementById() मेथड का उपयोग करके टाइप पासवर्ड वाले इनपुट फील्ड को प्राप्त करता है और इसका pattern प्रॉपर्टी प्राप्त करता है जो एक स्ट्रिंग टाइप का रेगुलर एक्सप्रेशन लौटाता है। रेगुलर एक्सप्रेशन स्ट्रिंग को वेरिएबल P में असाइन किया जाता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।
function passPattern() { var P = document.getElementById("PASS").pattern; document.getElementById("Sample").innerHTML ="पैटर्न एट्रिब्यूट का मान है"+ P; }
