जावास्क्रिप्ट वैधीकरण API

DOM के बाध्यकारी परीक्षण विधि और अभियात्मकताओं को संकेत देती है

विधि

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

गुण

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

उदाहरण - checkValidity() विधि

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

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

स्वयं प्रयोग करें

वैधता गुण

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

गुण वर्णन
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 रखा जाएगा。

उदाहरण

rangeOverflow गुण

यदि input क्षेत्र के अंक 100 से अधिक है (input के अधिकतम （属性），तो एक संदेश दिखाया जाएगा：

<input id="id1" type="number" max="100">
<button onclick="myFunction()">ठीक है</button>
<p id="demo"></p>
<script>
function myFunction() {
  let text = "Value OK";
  if (document.getElementById("id1").validity.rangeOverflow) {
    text = "वैल्यू बहुत बड़ा है";
  }
}
</script>

स्वयं प्रयोग करें

rangeUnderflow गुण

यदि input क्षेत्र के अंक 100 से अधिक है (input के अधिकतम （属性），तो एक संदेश दिखाया जाएगा：

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

स्वयं प्रयोग करें