HTML DOM Input Text pattern प्रॉपर्टी

HTML DOM Input Text pattern प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फील्ड के pattern एट्रिब्यूट को सेट या वापस करने के लिए किया जाता है। यह pattern प्रॉपर्टी द्वारा निर्दिष्ट एक नियमित अभिव्यक्ति के खिलाफ टेक्स्ट की जांच करता है।

सिंटैक्स

Pattern प्रॉपर्टी सेट करने का सिंटैक्स:

textObject.pattern = regexp

यहां, regexp एक नियमित अभिव्यक्ति है जिसके खिलाफ टेक्स्ट फील्ड की जांच की जाती है।

उदाहरण

Text pattern प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Text pattern property</h1> 
<p>यूजरनेम या तो तीन न्यूमेरिक वर्णों का हो सकता है या a से g तक के 6 अल्फाबेट वर्णों का</p> 
<form action="/Sample_page.php"> 
  USERNAME: <input type="text" id="USR" name="user_name" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g"> 
  <input type="submit"> 
</form> 
<br> 
<button onclick="textPattern()">GET PATTERN</button> 
<p id="Sample"></p> 
<script> 
  function textPattern() { 
    var P = document.getElementById("USR").pattern; 
    document.getElementById("Sample").innerHTML = "The pattern attribute value is " + P; 
  } 
</script> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Input Text pattern प्रॉपर्टी

टेक्स्ट फील्ड में टेक्स्ट दर्ज करने पर जो pattern प्रॉपर्टी में निर्दिष्ट regex से मेल नहीं खाता, निम्नलिखित चेतावनी दिखाई देगी:

HTML DOM Input Text pattern प्रॉपर्टी

GET PATTERN बटन पर क्लिक करने पर:

HTML DOM Input Text pattern प्रॉपर्टी