জেভাস্ক্রিপ্ট ভারিফিকেশন এপিআই

সীমানা পরীক্ষা ডম মথড

এপার্টি বর্ণনা
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 বৈধতা false-র সময় ব্রাউজার দেখাবে বার্তা ধারণ করে
willValidate ইনপুট ইলেকট্রনকে নিশ্চিত করার কোনও বৈধতা হয় কিনা তা ইনডিকেট করে

বৈধতা এপার্টি

ইনপুট ইলেকট্রনের বৈধতা এপার্টি এমন একাধিক এপার্টি ধারণ করে, যা ডাটা বৈধতা সংক্রান্ত:

এপার্টি বর্ণনা
customError যদি কোনও কাস্টম বৈধতা বার্তা সংযোজিত, তবে true হয় নয়।
patternMismatch যদি ইলেকট্রনের মান তার pattern এপার্টির সাথে মিলে না থাকে, তবে true হয় নয়।
rangeOverflow যদি ইলেকট্রনের মান তার max এপার্টির বেশি, তবে true হয় নয়।
rangeUnderflow যদি ইলেকট্রনের মান তার min এপার্টির কম, তবে true হয় নয়।
stepMismatch যদি ইলেকট্রনের মান তার step এপার্টির সাথে বৈধ না থাকে, তবে true হয় নয়।
tooLong যদি ইলেকট্রনের মান তার maxLength এপার্টির বেশি, তবে true হয় নয়।
typeMismatch যদি ইলেকট্রনের মান তার type এপার্টির সাথে বৈধ না থাকে, তবে true হয় নয়।
valueMissing যদি ইলেকট্রন (রিকোয়ার্ড এপার্টি থাকে) কোনও মান না থাকে, তবে 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>

স্বয়ং প্রয়াস করুন

যদি ইনপুট ফিল্ডের সংখ্যা ১০০ থেকে কম (ইনপুট ইলেকমেন্ট) 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>

স্বয়ং প্রয়াস করুন