အဆိုပါ pattern attribute

အဆိုပါ pattern attribute သည် HTML form ၏ input field ကို ပုံမှန်စကားရပ် (regular expression) အသုံးပြု၍ စစ်ဆေးရန် သတ်မှတ်ပေးသည်။

ပုံမှန်စကားရပ်များ (Regular expressions) သည် စစ်ဆေးချက်များအတွက် လက်တွေ့အားဖြင့် မည်သည့်စည်းမျဉ်းကိုမဆို ဖန်တီးနိုင်စေသော အထူးညွှန်ကြားချက်များ ဖြစ်သည်။ ၎င်းတို့နှင့် ပိုမိုရင်းနှီးကျွမ်းဝင်လိုပါက PHP ပုံမှန်စကားရပ်စာအုပ် သို့မဟုတ် JavaScript ပုံမှန်စကားရပ်စာအုပ် တို့တွင် ကြည့်ရှုနိုင်ပါသည်။

ဤ attribute ပါရှိသော field ကို မဖြည့်ဘဲ form ကို ပေးပို့ရန် ကြိုးစားပါက၊ browser သည် form ကို မပို့ခွင့်ပြုဘဲ ပေါ်လာသော ညွှန်ကြားချက် (tooltip) ပုံစံဖြင့် အမှားအယွင်းကို ပြသပေးမည် ဖြစ်သည်။ ကံမကောင်းစွာပင်၊ ၎င်းအမှားအယွင်း၏ စာသားနှင့် အသွင်အပြင်ကို HTML သို့မဟုတ် CSS အသုံးပြု၍ ပြောင်းလဲ၍ မရပါ။

သတိပြုရမည်မှာ၊ pattern attribute ၏ တည်ရှိမှုသည် သင့်အား PHP ဘက်မှ server-side တွင် form ၏ မှန်ကန်စွာ ဖြည့်စွက်မှုကို စစ်ဆေးရန် တာဝန်မှ (အဘယ်ကြောင့်ဆိုသော် ဤ attribute မှတစ်ဆင့် အကာအကွယ်ပေးမှုကို လွယ်ကူစွာ ကျော်လွှားနိုင်သောကြောင့်) ကင်းလွတ်ခွင့် မပေးပါ။

အဆိုပါ pattern attribute ကို input သို့မဟုတ် textarea tag များတွင် အသုံးပြုသင့်သည်။

ဥပမာ

ယခု input tag ကို ကြည့်ပြီး၊ pattern attribute ကို ထည့်သွင်းကြည့်ရအောင်။ ၎င်းအတွင်း နံပါတ်နှစ်လုံးပါသော ဂဏန်း (ဥပမာ 25) ကို input ထဲသို့ ရိုက်ထည့်ထားကြောင်း စစ်ဆေးမည့် ပုံမှန်စကားရပ် (regular expression) ကို ထည့်သွင်းထားမည်။

မည်သည့်နံပါတ်ကိုမဆို ရိုက်ထည့်ပြီး form ကို ပေးပို့ရန် ခလုတ်ကို နှိပ်ကြည့်ပါ။ နံပါတ်နှစ်လုံးမဟုတ်သော ဂဏန်း ရိုက်ထည့်ပါက၊ browser သည် form ကို ပေးပို့ခွင့်မပြုဘဲ အမှားအယွင်းကို ပြသပေးမည် ဖြစ်သည်။ သို့မဟုတ်ပါက form ကို ပေးပို့မည် ဖြစ်သည်။

<form action="">
	<input type="text" pattern="\d{2}">
	<input type="submit">
</form>

ဥပမာ . ဗလာ field

ယခင် ဥပမာတွင်၊ browser သည် field သည် ဗလာမဟုတ်သည့်အခါမှသာ အမှားအယွင်းကို ပြသခဲ့သည် (ဗလာ field သည် နံပါတ်နှစ်လုံးပါသော ဂဏန်း မဟုတ်သော်လည်း)။ အခု ဗလာ field အတွက်ပါ အမှားအယွင်း ပြသစေရန် ကြိုးစားကြည့်ရအောင် - pattern attribute နှင့်အတူ required attribute ကိုလည်း ရေးထည့်ပါမည်။

<form action="">
	<input type="text" pattern="\d{2}" required>
	<input type="submit">
</form>

ဆက်လက်ကြည့်ရှုရန်

အဆိုပါ required attribute,
၎င်းကို အသုံးပြု၍ ဗလာဖြစ်မှုကို စစ်ဆေးနိုင်သည်။