သင်၏ Web Visitors များကိုအချိန်နှင့်တပြေးညီ Form Validation ဖြင့်အထင်ကြီးစေပါ

အွန်လိုင်းပုံစံ

ဝဘ်အပလီကေးရှင်းကိုအသုံးပြုသူတစ် ဦး အနေနှင့်သင်ပထမဆုံးကြုံတွေ့ရသည့်အရာမှာဝဘ်ပုံစံကိုဖြည့်သည့်အခါဖြစ်သည်။ အတည်ပြုခြင်းသုညမဟုတ်သည့်သင်၏ပုံစံများကိုတင်ပြရန်စောင့်ဆိုင်းနေသည့် ၀ က်ဘ်ပုံစံများ၏အရေအတွက်ကိုကျွန်ုပ်အံ့အားသင့်မိသည်။

ကျွန်ုပ်၏စည်းကမ်းချက်မှာအတည်မပြုရသေးသောအရာမှန်သမျှကိုထောက်ခံသည်။ ပုံစံမဖြည့်မီအတည်ပြုနိုင်သောအရာမှန်သမျှရှိရမည်။ Ajax ပေါ်ပေါက်လာခြင်းနှင့်အတူ၊ သင်သည်တင်သွင်းခြင်းမပြုမီသင်၏ဒေတာဘေ့စ်နှင့်သက်ဆိုင်သောအချက်အလက်များကိုပင်အတည်ပြုနိုင်သည်။ ပျင်းရိသောလမ်းကြောင်းကိုမရွေးချယ်ပါနှင့် - အသုံးပြုသူများသည်အကူအညီကိုတန်ဖိုးထားကြသည်။

ဒီနေရာတွင်ဥပမာအခြို့နေသောခေါင်းစဉ်:

  1. အီးမေးလ်လိပ်စာ - သင့်အားသင်၏အီးမေးလ်လိပ်စာကို၎င်းတို့အားမှန်ကန်ကြောင်းအတည်ပြုရန်နှစ်ကြိမ်ဖြည့်ပေးသောပုံစံများကိုကျွန်ုပ်စိတ်မပျက်ပါ။ သို့သော်၎င်းတို့သည်၎င်းတို့နှင့်ကိုက်ညီခြင်းရှိမရှိ၊ သင့်လျော်စွာတည်ဆောက်ထားခြင်းရှိမရှိမပြောသောအချက်မှာခွင့်မပြုနိုင်ပါ။
  2. passwords များကို - အကယ်၍ သင်သည်ကျွန်ုပ်ကိုစကားဝှက်ကိုနှစ်ကြိမ်ရေးစေလိုလျှင်၊ ပုံစံမတင်မီတန်ဖိုးများသည်အတူတူဖြစ်သည်ကို ကျေးဇူးပြု၍ စစ်ဆေးပါ။
  3. စကားဝှက်၏ကြံ့ခိုင်မှု - အကယ်၍ သင်စကားဝှက်ကြံ့ခိုင်မှုလိုအပ်သည် (အက္ခရာနံပါတ်များသို့မဟုတ်အက္ခရာများပေါင်းစပ်မှု) လိုအပ်ပါကကျွန်ုပ်၏လျှို့ဝှက်နံပါတ်ကိုရိုက်နေစဉ်ကျွန်ုပ်အတွက်အကြံဥာဏ်များပေးပါ။ ၎င်းကိုကျွန်ုပ်မအောင်မြင်မီတင်ပြရန်ကျွန်ုပ်ကိုမစောင့်ပါနှင့်။
  4. ရက်စွဲများ - အကယ်၍ သင်သည်ရက်စွဲကို / d / yyyy ပုံစံဖြင့်ဖော်ပြလိုပါကထိုတန်ဖိုးများကိုရိုက် နှိပ်၍ သင့်လျော်စွာပုံစံချခြင်းဖြင့်အချက်အလက်တစ်ခုကိုကွက်လပ်တစ်ခုအတွင်းရိုက်ထည့်ပါ။ သငျသညျ ဦး ဆောင်သောသုညချင်လျှင်, သူတို့ကိုသို့ထည့်သွင်း။ format တစ်ခုကိုပြသပြီးသင်၏ database တွင်အခြားတစ်ခုကိုသိမ်းဆည်းခြင်းသည်အဆင်ပြေပါသည်။
  5. ဒီနေ့ရက် - ငါ့အဘို့ဖြည့်ပါ အဘယ်ကြောင့်သင်သိပြီးဖြစ်သောနေ့စွဲကိုရေးထည့်ရန်တောင်းဆိုသနည်း။
  6. ရက်စွဲပုံစံ - သင့်တွင်အပြည်ပြည်ဆိုင်ရာ application တစ်ခုရှိပါကသင်၏ application ၏အပြည်ပြည်ဆိုင်ရာပြောင်းလဲခြင်းကို အခြေခံ၍ ရက်စွဲတစ်ခုကိုသင် default လုပ်နိုင်သည်။ ဟုတ်ပါတယ်၊ အသုံးပြုသူတွေအနေနဲ့ဒီ option ကို Override လုပ်ပြီးသူတို့ကိုယ်ပိုင်ကိုရွေးဖို့ option တစ်ခုရှိတယ်။
  7. လူမှုဖူလုံရေးနံပါတ်များ - field မှ field သို့အလိုအလျောက်ခုန်သွားသော (သို့) တန်ဖိုးများအကြား dash တစ်ခုကိုထည့်သွင်းသော JavaScript ကိုထည့်သွင်းရန်အလွန်လွယ်ကူသည်။
  8. တယ်လီဖုန်းနံပါတ်များ - Internationalization ကိုထည့်သွင်းစဉ်းစားခြင်း၊ ဤနယ်ပယ်အမျိုးအစားများကို interface အတွင်းရှိတယ်လီဖုန်းနံပါတ်ကို format လုပ်ခြင်းအားဖြင့်လည်းလွယ်ကူစေနိုင်သည်၊ သို့သော်၎င်းကိုသင်၏နောက်ခံအတွက်အကျိုးရှိသည့်အခြားပုံစံဖြင့်သိမ်းဆည်းနိုင်သည်။ သင်၏သုံးစွဲသူများကိုကွင်းကွင်း၊ နေရာများနှင့်မျဉ်းစည်းများရိုက်ခိုင်းခြင်းကိုမပြုလုပ်ပါနှင့်။
  9. အများဆုံးစာသားအရှည် - သင်၏ဒေတာဘေ့စ်တွင်သိမ်းဆည်းထားသောစာလုံးအရေအတွက်ကိုကန့်သတ်ပါက၊ ထိုစာလုံးများစွာကိုကျွန်ုပ်အားမထည့်ပါနှင့်။ ၎င်းသည်ခက်ခဲသောအတည်ပြုချက်တောင်မလိုအပ်ပါ။ ၎င်းသည် textbox ပေါ်ရှိ setting တစ်ခုသာဖြစ်သည်။
  10. အနည်းဆုံးစာလုံးအရှည် - အကယ်၍ သင်သည်အနည်းဆုံးစာလုံးအရှည်လိုအပ်လျှင်၊ ကျွန်ုပ်တွင်အက္ခရာအလုံအလောက်မပြည့်မှီတိုင်အောင်နှိုးစက်ကိုပေးပါ။

Password Strength function တစ်ခုမှဥပမာတစ်ခု ဉာဏ်ပညာကိုဆည်းပူးပါ:

စကားဝှက်ကိုရိုက်ထည့်ပါ

UPDATE: 10/26/2007 - download ပြုလုပ်ရန်အတွက် JavaScript library ရှိသည့်သပ်သပ်ရပ်ရပ်ရင်းမြစ်တစ်ခုကိုကျွန်ုပ်တွေ့ရှိခဲ့သည် Live validation ဟုခေါ်သည်.

16 မှတ်ချက်

  1. 1

    အဲဒါတွေက ပုံစံတွေအတွက် ကောင်းမွန်တဲ့ အင်္ဂါရပ်တွေကို သဘောတူပါတယ်၊ ဒါပေမယ့် ရှေ့ဆုံးက javascript validation ကို မလုပ်ဆောင်ဖို့ "ခွင့်မလွတ်နိုင်ပါဘူး" လို့ ပြောတာဟာ ကိုယ်ရေးကိုယ်တာ အမြင်တစ်ခုပါပဲ။ ငါ javascript ကိုအလုပ်လုပ်ရတာကြိုက်တယ်၊ မင်းပြောနေတဲ့အရာတွေကိုလုပ်ဖို့တော်တော်သပ်ရပ်တဲ့ editmasks တစ်ချို့ရေးထားတယ်၊ ဒါပေမယ့် တော်တော်များများက အသေးအဖွဲနဲ့ဝေးကွာပြီး javascript form validation package တော်တော်များများမှာ အပေါက်ကြီးတွေအများကြီးရှိတယ်။ ပိုမိုရှုပ်ထွေးသော front end javascript validation (အကြိမ်ကြိမ်မဟုတ်) ဖြင့် ၎င်းတို့၏ back end validation ကိုပွားရန် အချိန်ကို လူတိုင်းရင်းနှီးမည်မဟုတ်ပါ။

    ကောင်းသောအချက်များ ၊ သို့သော်ကျွန်ုပ်၏အမြင်အရ အွန်လိုင်းပုံစံတိုင်း "လိုအပ်သည်" မဟုတ်ပါ။

  2. 2

    စကားဝှက်စစ်ဆေးသည့်စနစ်သည် အတော်လေး ပျက်နေပါသည်။ မည်သည့်စကားဝှက်မဆို ရှည်နေပါက လုံလောက်ပါသည်။

    ဥပမာ:

    ဒါက တကယ်ကို အလယ်အလတ် စကားဝှက်တစ်ခုလား။

    f46dffe6ff4ffgdfgfjfgyu656hfdt74tyhdtu5674yfgh6uhhye45herdhrt64684hythdfth54y54348fgdcvzse8cn984v3p4m6vq98476m3wuw89ewfucsd8fg67s4v8tw76u340m6tver7nt+s89346vs+0em9u+s+09hrtuhss586ysvne4896vb4865tbv089rt++

  3. 4

    ကျွန်တော့်အတွက် အကောင်းဆုံးပုံစံအတည်ပြုခြင်းမှာ ၎င်းသည် AJAX/Server side validation ဖြစ်စဉ်တွင် သုံးစွဲသူဘက်မှ မှန်ကန်ကြောင်းကို သင်အသုံးပြုသူကို အထင်ကြီးစေသည့်အချိန်ဖြစ်သည်။
    AJAX မှတစ်ဆင့် ဖောင်တစ်ခုလုံးကို ဆာဗာသို့ တင်သည့် ဖြစ်ရပ်ကိုင်တွယ်မှုအချို့ (သော့အပ်၊ မှုန်ဝါး၊ ကလစ်၊ စသည်ဖြင့်) ၏ ဖောင်ဒြပ်စင်များနှင့် ပူးတွဲလုပ်ဆောင်ရမည်ဖြစ်ပြီး သက်ဆိုင်ရာ အမှားအယွင်း မက်ဆေ့ချ်များကို ပြန်ပေးသည့် “စစ်ဆေးခြင်း” လုပ်ဆောင်ချက်ကို ခေါ်ဆိုခြင်း (ဤစကားဝှက်သည် လည်း များသည်။ ရိုးရှင်းသည်၊ ထိုရက်စွဲသည် ပုံစံမှားနေသည်၊ စသည်ဖြင့်...)
    အသုံးပြုသူသည် နောက်ဆုံးတွင် တင်သွင်းရန် ခလုတ်ကို နှိပ်ခြင်းဖြင့် ဖောင်ကို ပို့စ်တင်သည့်အခါ၊ ဒေတာဘေ့စ်တစ်ခု သို့မဟုတ် အခြားလုပ်ငန်းစဉ်အချို့တွင် အချက်အလက်မထည့်သွင်းမီ ဖောင်၏နောက်ဆုံးအချိန်ကို တရားဝင်အတည်ပြုရန် "စစ်ဆေး" ဆာဗာဘေးဘက်လုပ်ဆောင်ချက်ကို သင်အသုံးပြုနိုင်သေးသည်။
    ဤနည်းဖြင့်၊ သုံးစွဲသူများသည် onthego validation ဖြင့် ပျော်ရွှင်ကြပြီး developer များသည် server side only validation development အတွက် ပျော်ရွှင်ကြသည်။

    • 5
      • 6

        သိပ်မမြန်ပါဘူး Doug - SSN ကို ဖောမတ်ဖော်မတ်ချခြင်းကဲ့သို့သော အသုံးဝင်သော အင်္ဂါရပ်များသည် အသေးအဖွဲဖြစ်ကြောင်း သင်၏မူရင်းပကတိကို သဘောတူပါသည်။ ဖော်မတ်မှန်းဆစရာမလိုဘဲ ပြင်နိုင်တဲ့အခါ မှားနေတဲ့ မက်ဆေ့ချ်ကို တင်ဖို့ ပျင်းတယ်။

        သို့သော်၊ AJAX နှင့်တွဲဖက်၍ Server Side logic ကိုအသုံးပြုခြင်းနှင့်ပတ်သက်၍ Nicolas နှင့်လည်းသဘောတူပါသည်။

  4. 7

    မင်းရဲ့ခေါင်းစဉ်က “မင်းရဲ့သူငယ်ချင်းတွေကို အထင်ကြီးပါ…” လို့ ပြောထားပေမယ့် ပို့စ်မှာ ဖုန်းခေါ်တဲ့ ဒီ 2 မိနစ်နဲ့ မင်းငါ့ကို အထင်ကြီးဖို့ ပျက်ကွက်သွားတယ်။

    သင့်ခေါင်းစဉ်ကို ပြန်ရေးပါ (အမြင်လွဲမှားလွန်းသဖြင့် ဆွေးနွေးနေသည့် ဥပမာများနှင့် အလေ့အကျင့်များ ရှိနေသည်ဟု ထင်စေသည်)။

    အကယ်၍ လူများသည် ၎င်းတို့၏ပုံစံများဖြင့် လုပ်ဆောင်ခြင်းမပြုပါက ၎င်းတို့သည် သင်ယူခြင်းမျှသာဖြစ်သည် သို့မဟုတ် အတည်ပြုချက်ကို အသုံးပြုရန် ဖောင်သည် အရေးမကြီးပါ။

    တကယ့် ဝဘ်ပရိုဂရမ်မာတွေက ဒါကိုသိပြီး အဲဒါကို လုပ်တယ်။

    • 8

      ဂျေး၊

      အဲဒါအတွက် တောင်းပန်ပါတယ်။ ကျွန်ုပ်၏အချက်မှာ ဆော့ဖ်ဝဲရေးသားသူ၏ တုံ့ပြန်ချက်အား ပေးဆောင်ရန်မဟုတ်သည်မှာ သေချာသည် - ကျွန်ုပ်သည် ထုတ်ကုန်မန်နေဂျာတစ်ဦး၏ အမြင်မှ လာပါသည်။ ငါမင်းကိုသဘောတူတယ်- ဒါပေမယ့် တခြား developer တစ်ချို့က မကြိုက်တာ စိတ်ဝင်စားစရာကောင်းတယ်။ ကံဆိုးတယ်လို့ ထင်ပါတယ်။

      အချိန်ပေးသည့်အတွက် ကျေးဇူးတင်ပါသည်။
      Doug

  5. 9

    မည်သည့်လျှောက်လွှာတွင်မဆို လိုအပ်သော အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်း အတည်ပြုခြင်းနှင့်ပတ်သက်၍ ကျွန်ုပ်လုံးဝသဘောတူပါသည်။ အဖွဲ့ခေါင်းဆောင်အနေဖြင့်၊ တရားဝင်အတည်ပြုချက်များပျောက်ဆုံးနေခြင်း သို့မဟုတ် စာသားထည့်သွင်းမှုအရှည်ကန့်သတ်ခြင်းကဲ့သို့သော အကြောင်းများကြောင့် ကျွန်ုပ်သည် "ပြီးပါပြီ" ဟု ကုဒ်ပြန်ပို့လေ့ရှိသည်ကို ကျွန်ုပ်တွေ့မြင်ရသည်။

    ကျွန်ုပ်လုပ်ဆောင်နေသည့်အရာအများစုအတွက်၊ ပုံမှန်အခြေအနေများအောက်တွင်နှင့် အသုံးပြုသူများသည် ကျွန်ုပ်ရည်ရွယ်ထားသည့်အတိုင်း စနစ်ကိုအသုံးပြုပါက တစ်စုံတစ်ခုလုပ်ဆောင်ရန် အချိန်၏ 50% ခန့် လိုအပ်သည်ကို ကျွန်ုပ်တွေ့မြင်ရပါသည်။ ဖွံ့ဖြိုးတိုးတက်မှုအချိန်၏ အခြား 50% သည် ၎င်းတို့၏ ထည့်သွင်းမှုကို စစ်ဆေးခြင်း၊ ဒေတာ ခိုင်မာမှုကို ထိန်းသိမ်းထားကြောင်း သေချာစေရန်နှင့် ဖောင်အကွက်များသည် အန္တရာယ်ရှိသော ဒေတာကို ထည့်သွင်းခြင်းမပြုရန် ပြုလုပ်ခြင်းမှ လာပါသည်။

    ကျွန်ုပ်၏ hasa swing အက်ပ်များတွင် InputVerifiers ကိုအသုံးပြုပုံအကြောင်း ပို့စ်တစ်ခုရေးပြီး အီးမေးလ်စာသားအကွက်တစ်ခုကို မည်သို့အတည်ပြုကြောင်းပြသထားသည်။ ကျွန်ုပ်အသုံးပြုသည့် ပုံမှန်အသုံးအနှုန်းသည် ဖုန်းနံပါတ်များ၊ ဇစ်ကုဒ်များ၊ SSNs စသည်တို့ကို တရားဝင်အတည်ပြုရန် အလွယ်တကူ ပြင်ဆင်နိုင်သည်။

    ကျွန်တော့်ဘလော့ဂ်မှာ တင်ထားတာ http://timarcher.com/?q=node/36

    Doug စာရေးကောင်းတယ်။

  6. 10

    ကျွန်တော်သဘောတူသည်။ စကားဝှက်များသည် အမှန်တကယ် အရေးကြီးပြီး အလေးအနက်ထားရမည်ဖြစ်သည်။ စကားဝှက်နှစ်ခုကို နှစ်ကြိမ်ရိုက်ခြင်းသည် ပုံစံအားလုံးနီးပါးအတွက် ပုံမှန်သာဖြစ်သည်ဟု ကျွန်တော်ထင်သော်လည်း စကားဝှက်နှစ်ခု၏တရားဝင်မှုကို မပြသဘဲ ၎င်းကို အလေးအနက်မစဉ်းစားကြောင်း ပြသသည်။

  7. 11

    client validation သည် အလွန်အသုံးပြုရလွယ်ကူသော အင်္ဂါရပ်တစ်ခုဖြစ်နိုင်သည်ကို ကျွန်ုပ်သဘောတူပါသည်။ သို့ရာတွင်၊ အတည်ပြုချက်များသည် အမှန်တကယ် အဓိပ္ပာယ်ရှိကြောင်း သေချာအောင်ပြုလုပ်ရန် ပိုအရေးကြီးပါသည်။

    အတည်ပြုချက်သည် သုံးစွဲသူများကို လှည့်ဖြားနိုင်ပုံနှင့် ပိုဆိုးသည်မှာ ကျွန်ုပ်တို့၏ site မှ ၎င်းတို့ကို မောင်းထုတ်နိုင်ပုံ၏ ပြောင်မြောက်သော ဥပမာကို သင်ပြခဲ့သည်-

    Geek Wisdom ၏ စကားဝှက်အား ခိုင်လုံသော သက်သေပြမှုဟု ယူဆပါသည်။ tZhKwnUmIss အားနည်းသော စကားဝှက်ဖြစ်ရန်။ ဤစကားဝှက်သည် လုံးဝအားကောင်းရုံသာမကဘဲ၊ ဤစကားဝှက်ကိုအသုံးပြု၍ သင့်ဆိုက်သို့ အကောင့်ဝင်ရောက်ခြင်းသည် တစ်နည်းတစ်ဖုံ လုံခြုံမှုမရှိဟု မှားယွင်းသောထင်မြင်ချက်ပေးသောကြောင့် ၎င်းသည် သုံးစွဲသူများကို ကင်းကွာစေမည်ဖြစ်သည်။

    ကောင်းသော စကားဝှက်တစ်ခုသည် အနည်းဆုံး အက္ခရာ ခြောက်လုံး ရှည်လျားပြီး ဂဏန်းများနှင့် စာလုံးများပါရှိသင့်သည်ဟု သုံးစွဲသူများကို ရိုးရိုးရှင်းရှင်း ညွှန်ပြခြင်းသည် ပိုကောင်း (လွယ်ကူသည်)။

    အခြားသော သံသယဖြစ်ဖွယ်အတည်ပြုချက်များတွင် အနိမ့်ဆုံးအရှည်လိုအပ်သော သို့မဟုတ် နေရာလွတ်များမပါဝင်နိုင်သည့် အသုံးပြုသူအမည်များပါဝင်သည်။ အသုံးပြုသူအမည်များ မှားယွင်းနေပါသလား။ X, ဂျွန်ဒို, ဒါမှမဟုတ်ပင် #*!§? ငါဒါကိုကိုင်တွယ်နိုင်ပါတယ်။

  8. 12

    ကျွန်တော်သင်နှင့်သဘောတူသည်။ အချို့ပုံစံများသည် ကောင်းမွန်သော်လည်း၊ မှန်ကန်ကြောင်း အတည်ပြုချက်မပေးပေ။ ကိုယ်ရေးကိုယ်တာအချက်အလက်များကို ပေးထားပြီး hard copy ရှိသည့် မည်သည့်စီးပွားရေးပုံစံများကဲ့သို့ အလေးအနက်ထားရန်သာ သင့်လျော်ပါသည်။

  9. 13
  10. 14
  11. 15

    အချိန်နဲ့တပြေးညီ ဖောင်စစ်ဆေးခြင်းအတွက် ကောင်းမွန်တဲ့ ကောင်းကျိုးတွေအကြောင်း ပို့စ်တင်တာ နည်းနည်းတော့ ရယ်စရာကောင်းတယ်လို့ ထင်ရပေမယ့် ပို့စ်အောက်ခြေက မင်းရဲ့ မှတ်ချက်ဖောင်ပုံစံက ဒါတွေကို တစ်ခုမှ မပေးထားပါဘူး...

    သင့်အတွေးတွေကို အင်တာနက်မှာ ဘလော့ဂ်လုပ်ဖို့ WordPress ကို သင်အသုံးပြုနေတယ်ဆိုတာ ကျွန်တော်နားလည်ပါတယ်၊ ဒါပေမယ့် သင်ဟောပြောတာတွေကို လေ့ကျင့်ဖို့ သေချာစေတာက ဆိုးရွားတဲ့အကြံတစ်ခုတော့ မဟုတ်ပါဘူး။ 🙂

    ကောင်းတယ်ဗျာ၊ မင်းရေးထားသမျှကို ငါသဘောမတူရင်တောင်မှ ကောင်းတယ်။

    • 16

      ဒို့! မင်းငါ့ကို နှိပ်စက်လိုက်တာ Amanda! ပိုကောင်းတဲ့ form validation လုပ်ဖို့နဲ့ WordPress မှာ ပေါင်းစည်းဖို့ အချိန်ရစေချင်ပါတယ်။ အထူးသဖြင့် ကြိုက်တယ်။ Adobe Spry တရားဝင်ဘောင်သွင်းပြီး တစ်စုံတစ်ယောက်သည် ၎င်းတို့နှစ်ခုကို ပေါင်းစပ်ထားသည်ကို မြင်ချင်ပါသည်။

      ကျေးဇူးတင်ပါတယ်! (ဘယ်အကြောင်းအရာကိုမဆို အမျိုးမျိုးသော ထင်မြင်ယူဆချက်တွေ ရှိနေတာကို အမြဲတမ်း ကျေးဇူးတင်ပါတယ်။
      Doug

သင်ဘယ်လိုထင်ပါလဲ?

ဤ site ကိုစပမ်လျှော့ချဖို့ Akismet ကိုအသုံးပြုသည်။ သင့်ရဲ့ comment ကိုဒေတာများကိုဆောင်ရွက်ပြီးဖြစ်ပါတယ်လေ့လာ.