HTML DOM इनपुट पासवर्ड की आवश्यक संपत्ति <इनपुट> तत्व की आवश्यक विशेषता से जुड़ी है। आवश्यक संपत्ति का उपयोग सेटिंग और लौटने के लिए किया जाता है यदि सर्वर पर फॉर्म जमा करने से पहले कुछ पासवर्ड फ़ील्ड भरना आवश्यक है या नहीं। यह फ़ॉर्म को सबमिट नहीं करने देता है यदि उपयोगकर्ता द्वारा आवश्यक विशेषता वाला पासवर्ड फ़ील्ड खाली छोड़ दिया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैआवश्यक गुण सेट करना -
textObject.required = true|false
यहां, ट्रू का प्रतिनिधित्व करता है कि टेक्स्ट फ़ील्ड को भरा जाना चाहिए, जबकि झूठा फॉर्म जमा करने से पहले फ़ील्ड को भरने के लिए इसके वैकल्पिक का प्रतिनिधित्व करता है।
उदाहरण
आइए इनपुट पासवर्ड की आवश्यक संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input password required property</h1>
<p>Check if the above field is mandatory to be filled or not by clicking the below button</p>
<form action="/Sample_page.php">
Password: <input type="password" id="PASS1" name=”passW” required>
<input type="submit">
</form>
<br>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
function checkReq() {
var Req=document.getElementById("PASS1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The password field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The password field is optional and can be left blank by the user";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेक बटन पर क्लिक करने पर -
यदि आवश्यक संपत्ति सही है और आप सबमिट पर क्लिक करते हैं -
उपरोक्त उदाहरण में -
हमने सबसे पहले आईडी "PASS1", नाम "passW" और आवश्यक विशेषता सत्य पर सेट के साथ एक इनपुट पासवर्ड फ़ील्ड बनाया है। पासवर्ड फ़ील्ड क्रिया ="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() विधि का उपयोग करता है और इसकी आवश्यक संपत्ति प्राप्त करता है जो हमारे मामले में सच हो जाता है। लौटा हुआ बूलियन मान एक चर Req को सौंपा गया है और इस पर आधारित है कि लौटाया गया मान सही है या गलत है, हम इसके आंतरिक HTML गुण का उपयोग करके "नमूना" आईडी के साथ अनुच्छेद में उपयुक्त संदेश प्रदर्शित करते हैं -
function checkReq() {
var Req=document.getElementById("PASS1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The password field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The password field is optional and can be left blank by theuser";
}