JavaScript ပုံစံများ
JavaScript Form Validation
HTML form validation ကို JavaScript ဖြင့် လုပ်ဆောင်နိုင်ပါသည်။
ဖောင်အကွက် (fname) သည် ဗလာဖြစ်ပါက၊ ဖောင်တင်ခြင်းမှ ကာကွယ်ရန် ဤလုပ်ဆောင်ချက်သည် မက်ဆေ့ချ်တစ်ခုသတိပေးကာ မှားယွင်းမှုကို ပြန်ပေးသည်-
JavaScript ဥပမာ
function validateForm() {
let
x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}
ဖောင်ကို တင်သွင်းသည့်အခါ လုပ်ဆောင်ချက်ကို ခေါ်ဆိုနိုင်သည်-
HTML ဖောင်နမူနာ
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
JavaScript သည် ကိန်းဂဏာန်းထည့်သွင်းမှုကို အတည်ပြုနိုင်သည်။
ကိန်းဂဏာန်းထည့်သွင်းမှုကို အတည်ပြုရန် JavaScript ကို မကြာခဏအသုံးပြုသည်-
ကျေးဇူးပြု၍ 1 နှင့် 10 ကြားတွင် နံပါတ်တစ်ခုထည့်ပါ။
အလိုအလျောက် HTML ဖောင်စစ်ဆေးခြင်း
HTML form validation ကို browser မှ အလိုအလျောက် လုပ်ဆောင်နိုင်သည်-
ဖောင်အကွက် (fname) သည် ဗလာဖြစ်ပါက၊ required
ရည်ညွှန်းချက်သည် ဤပုံစံကို တင်သွင်းခြင်းမှ တားဆီးသည်-
HTML ဖောင်နမူနာ
<form action="/action_page.php" method="post">
<input type="text" name="fname" required>
<input type="submit" value="Submit">
</form>
အလိုအလျောက် HTML ဖောင်အတည်ပြုချက်သည် Internet Explorer 9 သို့မဟုတ် ၎င်းထက်စော၍ အလုပ်မလုပ်ပါ။
ဒေတာအတည်ပြုခြင်း။
Data validation သည် user input သန့်ရှင်းသည်၊ မှန်ကန်ပြီး အသုံးဝင်ကြောင်း သေချာစေသည့် လုပ်ငန်းစဉ်ဖြစ်သည်။
ပုံမှန်အတည်ပြုခြင်းလုပ်ငန်းများမှာ-
- အသုံးပြုသူသည် လိုအပ်သော အကွက်များ အားလုံးကို ဖြည့်ပြီးပြီလား။
- အသုံးပြုသူသည် တရားဝင်ရက်စွဲကို ထည့်သွင်းခဲ့ပါသလား။
- အသုံးပြုသူသည် ကိန်းဂဏာန်းအကွက်တစ်ခုတွင် စာသားကို ထည့်သွင်းခဲ့ပါသလား။
အများစုမှာ၊ ဒေတာတရားဝင်ခြင်း၏ ရည်ရွယ်ချက်မှာ မှန်ကန်သောအသုံးပြုသူထည့်သွင်းမှုကို သေချာစေရန်ဖြစ်သည်။
အတည်ပြုခြင်းအား နည်းလမ်းများစွာဖြင့် သတ်မှတ်နိုင်ပြီး မတူညီသောနည်းလမ်းများစွာဖြင့် အသုံးပြုနိုင်သည်။
ထည့်သွင်းမှုကို ဆာဗာသို့ ပေးပို့ပြီးနောက် ဆာဗာဘေးဘက်ဆိုင်ရာ အတည်ပြု ခြင်းကို ဝဘ်ဆာဗာတစ်ခုမှ လုပ်ဆောင်သည်။
ထည့်သွင်းမှုကို ဝဘ်ဆာဗာသို့ မပို့မီ က လိုင်းယင့်ဘက်မှ အတည်ပြု ခြင်းကို ဝဘ်ဘရောက်ဆာတစ်ခုမှ လုပ်ဆောင်သည်။
HTML Constraint Validation
HTML5 သည် ကန့်သတ်ချက်စစ်ဆေးခြင်း ဟုခေါ်သော HTML အတည်ပြုခြင်းသဘောတရားအသစ်ကို မိတ်ဆက်ပေးခဲ့သည် ။
HTML ကန့်သတ်ချက်အတည်ပြုချက်ကို အခြေခံသည်-
- ကန့်သတ်တရားဝင်မှု HTML ထည့်သွင်းမှု အရည်အချင်းများ
- Constraint validation CSS Pseudo Selectors များ
- ကန့် သတ်အတည်ပြုခြင်း DOM Properties နှင့် Methods
Constraint Validation HTML Input Attributes
Attribute | Description |
---|---|
disabled | Specifies that the input element should be disabled |
max | Specifies the maximum value of an input element |
min | Specifies the minimum value of an input element |
pattern | Specifies the value pattern of an input element |
required | Specifies that the input field requires an element |
type | Specifies the type of an input element |
စာရင်းအပြည့်အစုံအတွက် HTML Input Attributes သို့သွားပါ ။
Constraint Validation CSS Pseudo Selectors များ
Selector | Description |
---|---|
:disabled | Selects input elements with the "disabled" attribute specified |
:invalid | Selects input elements with invalid values |
:optional | Selects input elements with no "required" attribute specified |
:required | Selects input elements with the "required" attribute specified |
:valid | Selects input elements with valid values |
စာရင်းအပြည့်အစုံအတွက်၊ CSS Pseudo Classes သို့သွားပါ ။