Validation API

Cheklovlarni tekshirish DOM metodlari

Xususiyat	Tavsif
checkValidity()	Agar kirish elementida to‘g‘ri ma’lumotlar bo‘lsa, true qiymatini qaytaradi.
setCustomValidity()	Kirish elementining validationMessage xususiyatini o‘rnatadi.

Agar kiritish maydonida noto‘g‘ri ma’lumot bo‘lsa, xabar ko‘rsating:

checkValidity() metodi

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

O‘zingiz sinab ko‘ring »

Cheklovlarni tekshirish DOM xususiyatlari

Xususiyat	Tavsif
validity	Kirish elementining haqiqiyligi bilan bog‘liq mantiqiy xususiyatlarni o‘z ichiga oladi.
validationMessage	Yaroqlilik noto‘g‘ri bo‘lsa, brauzer ko‘rsatadigan xabarni o‘z ichiga oladi.
willValidate	Kirish elementi tekshiriladimi yoki yo‘qligini bildiradi.

Validity xususiyatlari

Kirish elementining haqiqiylik xususiyati ma’lumotlarning haqiqiyligi bilan bog‘liq bir qator xususiyatlarni o‘z ichiga oladi:

Xususiyat	Tavsif
customError	Maxsus haqiqiylik (validity) xabari o‘rnatilgan bo‘lsa, true ga o‘rnatiladi.
patternMismatch	Agar element qiymati uning naqsh atributiga mos kelmasa, true qiymatini o‘rnating.
rangeOverflow	Agar element qiymati uning maksimal atributidan katta bo‘lsa, rost qiymatini o‘rnating.
rangeUnderflow	Agar element qiymati min atributidan kichik bo‘lsa, rost qiymatini o‘rnating.
stepMismatch	Agar elementning qiymati uning step atributi bo‘yicha noto‘g‘ri bo‘lsa, true qiymatini o‘rnating.
tooLong	Agar element qiymati uning maxLength atributidan oshsa, rost qiymatini o‘rnating.
typeMismatch	Agar elementning qiymati uning type atributiga ko‘ra noto‘g‘ri bo‘lsa, true qiymatini o‘rnating.
valueMissing	Element (required atributli) qiymatga ega bo‘lmasa, true ga o‘rnatiladi.
valid	Elementning qiymati to‘g‘ri bo‘lsa, true qiymatini o‘rnating.

Misollar

Agar kirish maydonidagi raqam 100 dan katta bo‘lsa (kirishning max atribut), xabarni ko‘rsatish:

rangeOverflow xususiyati

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

O‘zingiz sinab ko‘ring »

Agar kirish maydonidagi raqam 100 dan kam bo‘lsa (kirishning min atributi), xabarni ko‘rsating:

rangeUnderflow xususiyati

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

O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish