မမှန်ကန်သော ဖြစ်ရပ်
ဥပမာ
ထည့်သွင်းမှုအကွက်သည် မမှန်ကန်ပါက စာသားအချို့ကို သတိပေးပါ-
<input type="text" oninvalid="alert('You must fill out the form!');" required>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
တင်ပြနိုင်သော <input> ဒြပ်စင်သည် မမှန်ကန်သောအခါတွင် မမှန်ကန်သော ဖြစ်ရပ် ဖြစ်ပေါ်ပါသည်။
ဥပမာအားဖြင့်၊ လိုအပ်သော အရည်အချင်းကို သတ်မှတ်ပြီး အကွက်လပ်နေပါက ထည့်သွင်းမှုအကွက်သည် အကျုံးမဝင်ပါ (ဖောင်မတင်မီ ထည့်သွင်းသည့်အကွက်သည် လိုအပ်သော အရည်အချင်းကို ဖြည့်စွက်ရမည်ဖြစ်သည်)။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element oninvalid="myScript">
JavaScript တွင်-
object.oninvalid = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("invalid", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | မရှိ |
---|---|
ပယ်ဖျက်နိုင်သည်- | ဟုတ်ကဲ့ |
ပွဲအမျိုးအစား- | ပွဲ |
ပံ့ပိုးထားသော HTML တဂ်များ- | <input> |
DOM ဗားရှင်း- | အဆင့် 3 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
ထည့်သွင်းအကွက်တွင် စာလုံး 6 လုံးထက်နည်းပါက စာသားအချို့ကို သတိပေးပါ-
Name: <input type="text" id="myInput" name="fname" pattern=".{6,}"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("Must contain 6 or more characters");
}
</script>
ဥပမာ
ထည့်သွင်းမှုအကွက်တွင် 2 ထက်နည်းသော သို့မဟုတ် 5 ထက်ကြီးသော နံပါတ်များပါရှိလျှင် စာသားအချို့ကို သတိပေးပါ-
Number: <input type="number" id="myInput" name="quantity" min="2" max="5"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
ဆက်စပ်စာမျက်နှာများ
JavaScript သင်ခန်းစာ- JavaScript ပုံစံများ