0

jQuery validation engine, jquery inline form validation

jQuery validation engine ဟာ Form Validation အတြက္ JQuery Javascript Framework အတြက္ Plug-in ပဲျဖစ္ပါတယ္။ Plug-in မွာ ႀကိဳတင္သတ္မွတ္ထားတဲ့ Rule ေတြနဲ႕ အလုပ္လုပ္ပါတယ္ ။

• optional: Special: empty ျဖစ္ေနတဲ့ Field တခုတည္းအတြက္သာ
• required: ျဖည့္ဖို႕လိုအပ္တဲ့ Field
• length[0,100] :  x မွ x စာလံုးအေရအတြက္ အတြင္းသာ ခြင့္ျပဳသည္
• minCheckbox[7] : Set the maximum checkbox autorized for a group
• confirm[fieldID] : အျခား field နဲ႕ တူမတူ (ie:confirm password)
• telephone : Match telephone regEx rule.
• email : Match email regEx rule.
• onlyNumber : Number မ်ားသာ
• noSpecialCaracters : special character မ်ားလက္မခံပါ (eg. $ _ – )
• onlyLetter : Letters only
• date : Invalid date, must be in YYYY-MM-DD format

မိမိစိတ္ႀကိဳက္ Validation Rule လဲ သတ္မွတ္ႏိုင္ပါတယ္ -

"telephone":{
"regex":"/^[0-9-()]+$/",
"alertText":"* Invalid phone number"},

Demo

Internet Exploder 6 & 7, Firefox 3+, Safari 4, Chrome 1+ တို႕ျဖစ္ စမ္းသပ္ၿပီးပါျပီ ။

0

iPhone Toggle Switches

Elijah Miller ဆိုတဲ့ site မွာ အလြန္ေကာင္းမြန္တဲ့ JQuary Prototype တခုေပးထားပါတယ္ တီထြင္သူက Thomas Reynolds ဆိုတဲ့သူ ျဖစ္ပါတယ္ ။ မိမိတို႕ရဲ႕ Site ေတြမွာ iPhone Setting မွာပါတဲ့ Switch ေလးေတြပံုစံထည့္ႏိုင္ပါတယ္ ။

ေကာင္းတဲ့ အခ်က္ေတြကေတာ့ …

• switches ေတြရဲ႕ variable sizes ေတြကို Automatic create လုပ္သြားျခင္း
• Mouse နဲ႕ ဆြဲဖြင့္ ဆြဲပိတ္ လုပ္ႏိုင္ျခင္း
• Label ေတြကို Slide Effect ထည့္ႏိုင္ျခင္း
• iPhone Application ေတြမွာလဲ ထည့္သြင္းေရးသားႏိုင္ျခင္း တို႕ျဖစ္ပါတယ္
  

အသံုးျပဳနည္း

ပံုမွန္ Check Box ကို ပဲ ေျပာင္းလဲ အသံုးျပဳသြားျခင္းပါပဲ . JQuery ကို Disable လုပ္ထားတဲ့အခ်ိန္မွာ သာမာန္ Check Box Control အေနနဲ႕ပဲေပၚပါလိမ့္မယ္ ။

သူ႕ကို အလုပ္လုပ္ေစရန္အတြက္ Check Box ရဲ႕ ID နဲ႕ ေဖာ္ျပလိုတဲ့တန္ဖိုး ထည့္သြင္းေပးလိုက္ရံုပါပဲ ။

new iPhoneStyle('#variable_size_a_b', { checkedLabel: 'A', uncheckedLabel: 'B' });