HTML DOM इनपुट टेक्स्ट पैटर्न प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फ़ील्ड की पैटर्न विशेषता को सेट करने या वापस करने के लिए किया जाता है। यह पैटर्न प्रॉपर्टी द्वारा निर्दिष्ट रेगुलर एक्सप्रेशन के विरुद्ध टेक्स्ट की जांच करता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैपैटर्न गुण सेट करना -
textObject.pattern = regexp
यहाँ, regexp एक रेगुलर एक्सप्रेशन है जिसके विरुद्ध टेक्स्ट फ़ील्ड की जाँच की जाती है।
उदाहरण
आइए टेक्स्ट पैटर्न प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h1>Input Text pattern property</h1> <p>The username can either be of three numeric characters or 6 alphabet characters from a to g</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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
टेक्स्ट फ़ील्ड में टेक्स्ट दर्ज करने पर जो पैटर्न प्रॉपर्टी में निर्दिष्ट रेगेक्स से मेल नहीं खाता है, निम्न चेतावनी दिखाई देगी -
पैटर्न प्राप्त करें बटन क्लिक करने पर -