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

HTML DOM Input Text required प्रॉपर्टी <input> एलिमेंट के required एट्रिब्यूट से जुड़ी होती है। required प्रॉपर्टी का उपयोग यह सेट और वापस करने के लिए किया जाता है कि फॉर्म को सर्वर पर सबमिट करने से पहले किसी टेक्स्ट फील्ड को भरना आवश्यक है या नहीं। यह फॉर्म को सबमिट नहीं करने देता यदि required एट्रिब्यूट वाला टेक्स्ट फील्ड यूजर द्वारा खाली छोड़ दिया जाता है।

सिंटैक्स

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

textObject.required = true|false

यहां, true दर्शाता है कि टेक्स्ट फील्ड को भरा जाना चाहिए जबकि false दर्शाता है कि फॉर्म सबमिट करने से पहले फील्ड भरना वैकल्पिक है।

उदाहरण

Input text required प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Text required property</h1> 
<form action="/Sample_page.php"> 
  USERNAME: <input type="text" id="USR" name="user_name" required> 
  <input type="submit"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके जांचें कि ऊपर वाला फील्ड भरना अनिवार्य है या नहीं</p> 
<button onclick="checkReq()">CHECK</button> 
<p id="Sample"></p> 
<script> 
  function checkReq() { 
    var Req = document.getElementById("USR").required; 
    if (Req == true) 
      document.getElementById("Sample").innerHTML = "The text field must be filled before submitting"; 
    else 
      document.getElementById("Sample").innerHTML = "The text field is optional and can be left blank by the user"; 
  } 
</script> 
</body> </html>

आउटपुट

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

CHECK बटन पर क्लिक करने पर:

यदि आप अब यूजरनेम दर्ज किए बिना "Submit" पर क्लिक करेंगे, तो एक चेतावनी दिखाई देगी और यह आपको फॉर्म सबमिट नहीं करने देगा: