ဂျိုးတိုးကျူးသတ္တုပုံစံ စစ်ဆေး API

  • အရေးပါ စာကြိုး API Storage
  • နောက်ပိုင်း စာကြိုး API Web

အချက်အလက်အကျိုးသက်သမျှ အဆိုပါ DOM စနစ် နှင့် အခွင့်အရေးများ ကို အဆိုပါ အချက်အလက်အကျိုးသက်သမျှ သတ်မှတ်ပါ

စနစ်

စနစ် ဖော်ပြ
checkValidity() input အရာ ပြည့်စုံသော အချက်အလက်များ ပါဝင်လျှင် true ပြန်ပေးသည်
setCustomValidity() input အရာ ပြည့်စုံသော အမှတ်အသား အခွင့်အရေး ကို သတ်မှတ်ပါ

အခြေအနေ

အခြေအနေ ဖော်ပြ
validity input အရာ အကျိုးသက်သမျှ နှင့် ပတ်သက်သော အကျိုးသက်သမျှ အခွင့်အရေး အချက်
validationMessage အကျိုးသက်သမျှ မဟုတ်ဘဲ ဘရပ်သူ ပြသပါသည့် အမှတ်အသားများ ပါဝင်သည်
willValidate input အရာတစ်ခု အကျိုးသက်သမျှ သတ်မှတ်သည့် အချက်

ဌာန်ကြည့် - 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 ကိုယ်တိုင် အခြေအနေ ဖြစ်သော အမှတ်အသား ပြသပါ
patternMismatch pattern အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
rangeOverflow max အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
rangeUnderflow min အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
stepMismatch step အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
tooLong maxLength အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
typeMismatch type အခြေအနေ ဖြစ်သော အရာတွင် အသုံးပြုပါ
valueMissing required အခြေအနေ ဖြစ်သော အရာတွင် အတ္ထုပ္ပတ္တရ ဖြင့် အသုံးပြုပါ
valid အရာတစ်ခု၏ အခြေအနေ အကျယ်အဝန်း အရ အကျယ်အဝန်း ဖြစ်သော် အသုံးပြုပါ

အကြောင်းကြောင်း

rangeOverflow အခြေအနေ

input ပုံစံအရာတွင် နေရာတန့်ခြေအား 100 ထက်မြင့်သော အစီအစဉ် 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 ထက်မြင့်သော အစီအစဉ် 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