जावास्क्रिप्ट वेरीफ़िकेशन एपीआई

सीमा प्रमाणीकरण DOM विधि

गुण वर्णन
checkValidity() यदि इनपुट एलिमेंट वैध डाटा शामिल करता है तो true वापस करें।
setCustomValidity() इनपुट एलिमेंट के validationMessage गुण को सेट करें。

यदि इनपुट फील्ड में अवैध डाटा है तो एक संदेश दिखाएं:

checkValidity() विधि

<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
  const inpObj = document.getElementById("id1");
  if (!inpObj.checkValidity()) {
    document.getElementById("demo").innerHTML = inpObj.validationMessage;
  }
}
</script>

अपने आप से प्रयास करें

सीमित वैधता डॉम गुण

गुण वर्णन
validity इनपुट एलिमेंट की वैधता से संबंधित बूल गुण शामिल करता है。
validationMessage वैधता फेलू है तो ब्राउज़र द्वारा दिखाए जाने वाला संदेश शामिल करता है。
willValidate इंगित करता है कि क्या इनपुट एलिमेंट की वैधता की जांच की जाएगी।

वैधता गुण

इनपुट एलिमेंट के वैधता गुणों में कई गुण हैं जो डाटा वैधता से संबंधित हैं:

गुण वर्णन
customError यदि अनुकूलित वैधता संदेश सेट किया है तो true सेट कर दें。
patternMismatch यदि एलिमेंट का मूल्य उसके pattern गुण के साथ गामा नहीं है तो true सेट कर दें。
rangeOverflow यदि एलिमेंट का मूल्य उसके max गुण से अधिक है तो true सेट कर दें。
rangeUnderflow यदि एलिमेंट का मूल्य उसके min गुण से कम है तो true सेट कर दें。
stepMismatch यदि एलिमेंट का मूल्य उसके step गुण के लिए वैध नहीं है तो true सेट कर दें。
tooLong यदि एलिमेंट का मूल्य उसके maxLength गुण से अधिक है तो true सेट कर दें。
typeMismatch यदि एलिमेंट का मूल्य उसके type गुण के लिए वैध नहीं है तो true सेट कर दें。
valueMissing यदि एलिमेंट (required गुण वाला) कोई मूल्य नहीं है तो true सेट कर दें。
valid यदि एलिमेंट का मूल्य वैध है तो true सेट कर दें。

उदाहरण

यदि इनपुट फील्ड में की गई संख्या 100 से अधिक है (इनपुट एलिमेंट का max गुण) तो एक संदेश दिखाया जाएगा:

rangeOverflow गुण

<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
  let text = "Value OK";
  if (document.getElementById("id1").validity.rangeOverflow) {
    text = "Value too large";
  }
}
</script>

अपने आप से प्रयास करें

यदि इनपुट फील्ड में नंबर 100 से कम है (इनपुट एलिमेंट का min गुण) तो एक संदेश दिखाया जाएगा:

rangeUnderflow गुण

<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
  let text = = "Value OK";
  if (document.getElementById("id1").validity.rangeUnderflow) {
    text = "Value too small";
  }
}
</script>

अपने आप से प्रयास करें