HTML DOM Input Password required प्रॉपर्टी <input> एलिमेंट के required एट्रिब्यूट से जुड़ी होती है। Required प्रॉपर्टी का उपयोग यह सेट और प्राप्त करने के लिए किया जाता है कि फॉर्म सर्वर को सबमिट होने से पहले किसी पासवर्ड फील्ड को भरना आवश्यक है या नहीं। यह फॉर्म को सबमिट होने से रोकता है यदि required एट्रिब्यूट वाला पासवर्ड फील्ड यूज़र द्वारा खाली छोड़ दिया जाता है।
सिंटैक्स
Required प्रॉपर्टी सेट करने के लिए सिंटैक्स:
textObject.required = true|false
यहां, true दर्शाता है कि टेक्स्ट फील्ड भरा जाना चाहिए जबकि false दर्शाता है कि फॉर्म सबमिट करने से पहले फील्ड भरना वैकल्पिक है।
उदाहरण
Input password required प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input password required प्रॉपर्टी</h1> <p>नीचे दिए गए बटन पर क्लिक करके जांचें कि ऊपर का फील्ड भरना अनिवार्य है या नहीं</p> <form action="/Sample_page.php"> Password: <input type="password" id="PASS1" name="passW" required> <input type="submit"> </form> <br> <button onclick="checkReq()">जांचें</button> <p id="Sample"></p> <script> function checkReq() { var Req=document.getElementById("PASS1").required; if(Req==true) document.getElementById("Sample").innerHTML="पासवर्ड फील्ड को सबमिट करने से पहले भरना आवश्यक है"; else document.getElementById("Sample").innerHTML="पासवर्ड फील्ड वैकल्पिक है और यूज़र द्वारा खाली छोड़ा जा सकता है"; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"जांचें" बटन पर क्लिक करने पर:
यदि required प्रॉपर्टी true पर सेट है और आप सबमिट पर क्लिक करते हैं:
उपरोक्त उदाहरण में:
हमने पहले id "PASS1", name "passW" और required एट्रिब्यूट को true पर सेट करके एक इनपुट पासवर्ड फील्ड बनाया। पासवर्ड फील्ड action="Sample_page.php" वाले एक फॉर्म के अंदर है जो निर्दिष्ट करता है कि सबमिट बटन पर क्लिक करने पर फॉर्म डेटा कहां सबमिट करना है।
<form action="/Sample_page.php"> Password: <input type="password" id="PASS1" name="passW" required> <input type="submit"> </form>
फिर हमने एक बटन CHECK बनाया जो यूज़र द्वारा क्लिक किए जाने पर checkReq() मेथड को एक्जीक्यूट करेगा:
<button onclick="checkReq()">CHECK</button>
checkReq() getElementById() मेथड का उपयोग करके टाइप पासवर्ड वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी required प्रॉपर्टी प्राप्त करता है जो हमारे केस में true लौटाता है। लौटाया गया बूलियन मान वेरिएबल Req को असाइन किया जाता है और लौटाए गए मान के आधार पर कि वह true है या false, हम id "Sample" वाले पैराग्राफ में उपयुक्त संदेश इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करते हैं:
function checkReq() { var Req=document.getElementById("PASS1").required; if(Req==true) document.getElementById("Sample").innerHTML="पासवर्ड फील्ड को सबमिट करने से पहले भरना आवश्यक है"; else document.getElementById("Sample").innerHTML="पासवर्ड फील्ड वैकल्पिक है और यूज़र द्वारा खाली छोड़ा जा सकता है"; }
