HTML DOM इनपुट फाइल अपलोड required प्रॉपर्टी

परिचय

HTML DOM इनपुट फाइल अपलोड required प्रॉपर्टी HTML में फाइल अपलोड इनपुट बटन के required एट्रिब्यूट का मान प्राप्त करती है और संशोधित करती है। यह निर्धारित करता है कि फॉर्म सबमिट करने से पहले फाइल चयन अनिवार्य है या नहीं।

सिंटैक्स

मान प्राप्त करना

object.required

मान सेट करना

object.required = true | false

उदाहरण

फॉर्म सबमिशन पर फाइल चयन की जांच:

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM फाइल अपलोड required प्रॉपर्टी</title>
<style>
  body { text-align: center; }
  .btn {
    display: block;
    margin: 1rem auto;
    background-color: #db133a;
    color: #fff;
    border: 1px solid #db133a;
    padding: 0.5rem;
    border-radius: 50px;
    width: 20%;
  }
  .show-message { font-weight: bold; font-size: 1.4rem; color: #ffc107; }
</style>
</head>
<body>
<h1>फाइल अपलोड required प्रॉपर्टी उदाहरण</h1>
<form id="form" method="post" action="">
  <fieldset>
    <legend>फॉर्म</legend>
    <input type="file" required>
    <input type="submit" class="btn" value="फॉर्म सबमिट करें" onclick="checkRequired()">
  </fieldset>
</form>
<div class="show-message"></div>
<script>
  function checkRequired() {
    var fileBtn = document.querySelector("input[type='file']");
    if (fileBtn.value === "") {
      document.querySelector(".show-message").innerHTML = "कृपया एक फाइल चुनें!";
    }
  }
</script>
</body>
</html>

आउटपुट

बिना फाइल चुने "फॉर्म सबमिट करें" पर क्लिक करने पर "कृपया एक फाइल चुनें!" संदेश दिखेगा।