Validate Input with a Pattern

ကၽြန္ေတာ္တုိ႕ေတြ form မွာ data input ကို require သာ မဟုတ္ပဲ ထည့္တဲ့ data ကို ျပန္စစ္ခ်င္တယ္ဆိုရင္ pattern attribute ကို အသံုးျပဳႏိုင္ပါတယ္။ ဥပမာ။။ 0-9 ပဲ ရိုက္ထည့္ခြင့္ေပးမယ္။ ဒါမွမဟုတ္ A-z နဲ႕ 0-9 ပဲ လက္ခံမယ္။ special character ေတြ လက္မခံလိုဘူး။ ဒါေတြ အတြက္ pattern ကို အသံုးျပဳႏိုင္ပါတယ္။ pattern ကို အသံုးျပဳဖို႕ regular expression ကိုေတာ့ နားလည္ ထားဖို႕လိုပါတယ္။

<!DOCTYPE html>
<html>
<head>
    <title>Simple Form</title>
</head>
<body>
    <form method="post" action="./post.php">
   Promotion code (only number and letters) : 
   <input type="text" name="promocode" size="15" maxlength="15" pattern="[A-z0-9]*">
   <input type="submit">
    </form>
</html>

pattern ထဲမွာ [] က range ကိုဆိုလိုပါတယ္။ * ကေတာ့ zero or more ပါ။ pattern="[A-z0-9]*" ဆုိတဲ့ သေဘာကေတာ့ A ကေန z အထိ 0 ကေန 9 အထိ လက္ခံတယ္။ ထည့္တဲ့ value က မရိွတာလည္း ျဖစ္ႏုိင္သလို တစ္ခု သို႕မဟုတ္ တစ္ခု ထက္မကလည္း ျဖစ္ႏိုင္တယ္။

Figure 8-29

Figure 8-29

ဒါေၾကာင့္ special character ထည့္ျပီးေတာ့ submit လုပ္လိုက္တဲ့ အခါမွာ error ျပပါလိမ့္မယ္။

Figure 8-30

Figure 8-30

ေနာက္ထပ္ ဥပမာ တစ္ခု ၾကည့္ရေအာင္။

<!DOCTYPE html>
<html>
<head>
    <title>Simple Form</title>
</head>
<body>
    <form method="post" action="./post.php">
   Phone Number (example: 95-911111111) : 
   <input type="text" name="phone" size="12" maxlength="12" pattern="[0-9]{2}-[0-9]{9}">
   <input type="submit">
    </form>
</html>

အဲဒီ code မွာ phone number ကို ေရွ႕ဆံုးမွာ နံပတ္ ၂ ခု လာမယ္။ ျပီးရင္ - လာမယ္။ ေနာက္ဆံုးမွာ နံပတ္ ၉ ခု ထည့္ရမယ္။ စာလံုး အေရအတြက္ {} ကိုအသံုးျပဳပါတယ္။ [0-9]{2}-[0-9]{9} ဆိုတဲ့ သေဘာကေတာ့ 0 ကေန ၉ အတြင္း ျဖစ္ရမယ္။ {2} ဆိုတဲ့ အတြက္ေၾကာင့္ စာလံုး ၂ လံုးျဖစ္ရမယ္။ ျပီးေတာ့ - လာတယ္။ ျပီးတဲ့ အခါမွာ 0 ကေန 9 အထိ စာလံုး ၉ လံုး ျဖစ္တဲ့ အတြက္ေၾကာင့္ [0-9]{9} ကို အသံုးျပဳထားပါတယ္။

results matching ""

    No results matching ""