HTML DOM Input Date required Property - अनिवार्य तारीख फील्ड

HTML DOM Input Date required Property

HTML DOM Input Date required property तय करती है कि फॉर्म सबमिट करने के लिए तारीख फील्ड (type="date") भरना अनिवार्य है या नहीं। यह boolean मान (true/false) प्राप्त या सेट करती है।

Syntax

आवश्यक स्थिति प्राप्त करना:

inputDateObject.required

आवश्यक स्थिति सेट करना:

inputDateObject.required = booleanValue

Boolean Values

उदाहरण

आवश्यक तारीख फील्ड के साथ फॉर्म सबमिशन वैलिडेशन:

<!DOCTYPE html>
<html>
<head>
<title>Input Date required</title>
</head>
<body>
<form>
  <div> नाम: <input type="text" name="fullName"> </div>
  <div> जन्म तिथि: <input type="date" id="dateSelect" required> </div>
</form>
<button onclick="submit()">पुष्टि करें</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  function submit() {
    if (inputDate.required == true && inputDate.value === '') {
      divDisplay.textContent = 'जन्म तिथि आवश्यक है';
    } else {
      divDisplay.textContent = 'विवरण प्राप्त हुआ';
    }
  }
</script>
</body>
</html>

आउटपुट

खाली तारीख फील्ड के साथ "पुष्टि करें" बटन क्लिक करने पर "जन्म तिथि आवश्यक है" संदेश दिखाता है। तारीख चुनने के बाद क्लिक करने पर "विवरण प्राप्त हुआ" दिखाता है।

मुख्य बिंदु

• required attribute HTML5 फॉर्म वैलिडेशन का हिस्सा है
• जब required=true हो, तो ब्राउज़र खाली तारीख फील्ड के साथ फॉर्म सबमिट नहीं करने देगा
• JavaScript से dateInput.required द्वारा इसे पढ़/लिख सकते हैं
• सर्वर-साइड वैलिडेशन भी आवश्यक है क्योंकि क्लाइंट-साइड वैलिडेशन को बायपास किया जा सकता है
• CSS में :required और :optional pseudo-classes से स्टाइलिंग कर सकते हैं