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