জেভাস্ক্রিপ্ট Validation API

  • পূর্ববর্তী পৃষ্ঠা API Storage
  • পরবর্তী পৃষ্ঠা API Web

সীমান্ত যাচাই এবং প্রতিবন্ধকতা নির্দেশকারী ডম এবং অধিকার্য

মথোদ্দতা

মথোদ্দতা বিবরণ
checkValidity() যদি ইনপুট এলিমেন্টটিতে বৈধ ডাটা থাকে, তবে true ফিরাবে
setCustomValidity() ইনপুট এলিমেন্টটির validationMessage অধিকার্য সম্পাদন করুন

এট্রিবিউট

এট্রিবিউট বিবরণ
validity ইনপুট এলিমেন্টটির যাচাইয়ের সঙ্গে সংশ্লিষ্ট বলীয় অধিকার্য
validationMessage যে সংবাদটি ব্রাউজার যাচাই বালীয় না হলে দেখাবে, তা ধারণ করে
willValidate ইনপুট এলিমেন্টটিকে যাচাই করা হবে কি না তা নির্দেশ করে

উদাহরণ - 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>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

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

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 এর max 属性），তবে একটি সংবাদ দেখানো হবে:

<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>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

rangeUnderflow এট্রিবিউট

যদি input ফিল্ডের সংখ্যা 100 (input এর max 属性），তবে একটি সংবাদ দেখানো হবে:

<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>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

  • পূর্ববর্তী পৃষ্ঠা API Storage
  • পরবর্তী পৃষ্ঠা API Web