Hrifaðu vefgesti þína með formgildingu í rauntíma

á netinu mynd

Fyrsta sýnin sem þú hefur venjulega sem notandi vefumsóknar er þegar þú fyllir út vefform. Ég er undrandi á fjölda vefforma þar úti sem hafa enga löggildingu eða sem bíða eftir að þú sendir innihald eyðublaðsins áður en þú segir þér hvaða vandamál þú gætir haft.

Þumalputtareglan mín er að allt sem ekki er fullgilt sé stutt. Allt sem hægt er að staðfesta áður en eyðublaðið er sent verður að vera. Með tilkomu Ajax geturðu jafnvel fullgilt gögn gagnvart gagnagrunninum þínum áður en þú sendir þau inn. Ekki velja lata leið - notendur þakka hjálpina!

Hér eru nokkur dæmi:

  1. Netföng - Mér er ekki sama um eyðublöð sem fá þig til að fylla út netfangið þitt tvisvar til að staðfesta þau, en sú staðreynd að þau segja þér ekki hvort þau passa saman eða eru smíðuð á viðeigandi hátt er óafsakanleg.
  2. lykilorð - Ef þú ætlar að láta mig slá inn lykilorð tvisvar, vinsamlegast staðfestu að gildin séu þau sömu áður en eyðublaðið er sent.
  3. Styrkleiki Lykilorðs - Ef þú þarfnast ákveðins lykilorðsstyrks (sambland af tölustöfum eða tölustöfum) skaltu koma með álit fyrir mig meðan ég er að slá inn lykilorðið mitt. Ekki bíða eftir að ég sendi inn áður en þú segir mér að það mistókst.
  4. Dagsetningar - Ef þú vilt dagsetninguna á am / d / yyyy sniði, leyfðu mér þá að slá upplýsingarnar inn í eitt reit með því að slá þessi gildi og forsníða þau á viðeigandi hátt. Ef þú vilt leiða núll skaltu setja þau inn á eftir. Það er í lagi að sýna eitt snið og vista annað í gagnagrunninum.
  5. Dagsetning dagsins - Fylltu það út fyrir mig! Af hverju ertu að biðja mig um að fylla út dagsetninguna þegar þú veist það þegar ?!
  6. Dagsetning Format - Ef þú ert með alþjóðlegt forrit geturðu sjálfgefið dagsetningarsnið byggt á alþjóðavæðingu umsóknar þinnar. Auðvitað er gott að hafa möguleika fyrir notendur að hnekkja þeim möguleika og velja sinn eigin.
  7. Persónuverndarnúmer - það er frekar einfalt að bæta við einhverju javascripti sem hoppar sjálfkrafa frá sviði til reits eða setur forritunarlega strik á milli gildi.
  8. símanúmer - að teknu tilliti til alþjóðavæðingar er hægt að einfalda þessar tegundir sviða með því að forsníða símanúmerið í viðmótinu, en vista það á öðru sniði sem er skilvirkt fyrir þinn endir. Ekki láta notendur slá inn sviga, bil og strik.
  9. Hámarks textalengd - ef þú takmarkar fjölda stafa sem eru geymdar í gagnagrunninum þínum, þá leyfðu mér ekki að slá inn svona marga stafi! Það þarf ekki einu sinni erfiða löggildingu ... það er bara stilling í textareitnum.
  10. Lágmarks textalengd - ef þú þarfnast lágmarkslengdar texta, þá skaltu hringja þar til ég er með nógu marga stafi.

Hér er dæmi um lykilorðstyrk aðgerð frá Viskusnillingur:

Sláðu inn lykilorðið:

UPDATE: 10/26/2007 - Ég fann snyrtilega heimild með JavaScript bókasafni sem hægt er að hlaða niður fyrir staðfesting á formi, kallað LiveValidation.

16 Comments

  1. 1

    I agree those are great features for forms, but saying that it is “inexcusable” to not do perform front end javascript validation is a more of an personal opinion. I love working in javascript, and have written some pretty neat editmasks to do some of the things you talk about, but a lot of them are far from trivial, and many of the javascript form validation packages out there have a number of big holes. Not everyone will invest the time into duplicating their back end validation with (more often than not) more complex front end javascript validation.

    Góðir punktar, en örugglega ekki eitthvað sem hvert netform „þarf“ að mínu mati.

  2. 2

    Lykilorðseftirlitið er tiltölulega bilað. Öll lykilorð eru nógu góð ef það er langt.

    Dæmi:

    Er þetta virkilega miðlungs lykilorð?

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

  3. 4

    Fyrir mér er besta formgildingin þegar þú gefur notandanum tilfinningu um staðfestingu viðskiptavinar á meðan það er löggilding AJAX / Server.
    Þú verður einfaldlega að festa við formeiningar þínar einhverja atburðarmeðferð (lykill, óskýr, smellur, osfrv ...) sem senda allt eyðublaðið í gegnum AJAX á netþjóninn og kallar á „stöðva“ aðgerð sem skilar samsvarandi villuboðum (þetta passowrd er of einfalt, þessi dagsetning er á röngu sniði osfrv ...)
    Þegar notandinn loksins birtir eyðublaðið með því að smella á senda hnappinn, geturðu samt notað „athuga“ hliðaraðgerð netþjónsins til að staðfesta eyðublaðið síðast þegar hann setur gögnin í gagnagrunn eða annað.
    Með þessum hætti eru notendur ánægðir með onthego löggildinguna og þróunaraðilar eru ánægðir með þróun löggildingar á netþjóni.

    • 5
      • 6

        Ekki svo hratt Doug - Ég er sammála upphaflegri forsendu þinni að þessir gagnlegu eiginleikar, svo sem að forsníða SSN á flugu, eru léttvægir. Og það er latur að senda bara skilaboð um að það sé rangt, þegar þú getur lagað það án þess að þurfa að giska á sniðið.

        Hins vegar er ég líka sammála Nicolas um að nota Server Side rökfræði í tengslum við AJAX.

  4. 7

    Titill þinn segir „Hrifaðu vini þína ...“ en þér tekst ekki að heilla mig með þessum 2 mínútum, hringt í pósti.

    Endurskrifaðu titil þinn (of villandi, fær mann til að halda að það séu dæmi og venjur sem eru til umræðu).

    If people are not doing this already in their forms, then they are just learning or the form is not important enough to use validation.

    Raunverulegir vefforritarar vita þetta nú þegar og gera það.

    • 8

      Jay,

      Sorry about that! My point was definitely not to provide developer feedback – I really was coming from the point of view of a Product Manager. I agree with you – but it’s interesting that some other developers don’t! I think that’s unfortunate.

      Takk fyrir að gefa þér tíma!
      Doug

  5. 9

    Ég er alveg sammála því að löggildingin sé nauðsynlegur þáttur í hvaða umsókn sem er. Sem liðsstjóri, lendi ég venjulega í því að senda kóða til að vera „búinn“ af ástæðum eins og vantar löggildingu eða takmarkar lengd texta.

    Fyrir flest það sem ég vinn við finnst mér það taka um það bil 50% tíma að fá eitthvað til að virka, við venjulegar aðstæður og ef notendur nota kerfið eins og ég ætlaði mér. Hin 50% af þróunartímanum kemur frá því að athuga inntak þeirra, tryggja að gagnsemi sé viðhaldið og gera eyðublöðareitina ekki leyfa að slá inn illgjarn gögn.

    Ég skrifaði færslu um hvernig ég nota InputVerifiers í hava sveifluforritunum mínum og sýni hvernig ég staðfesti tölvupóstsreit. Venjulega tjáningin sem ég nota er auðvelt að breyta til að sannreyna símanúmer, póstnúmer, SSN osfrv.

    Bloggfærslan mín er kl http://timarcher.com/?q=node/36

    Góð skrifun Doug!

  6. 10

    Ég er sammála. Lykilorð eru mjög mikilvæg og verður að taka alvarlega. Ég held að það sé aðeins eðlilegt að næstum öll form slái lykilorðið inn tvisvar en að sýna ekki gildi lykilorðanna tveggja sýnir að það er ekki tekið alvarlega til skoðunar.

  7. 11

    Ég er sammála því að staðfesting viðskiptavina getur verið mjög notendavænn eiginleiki. Hins vegar er mikilvægara að ganga úr skugga um að fullgildingin sjálf sé raunverulega skynsamleg.

    Þú gafst frábært dæmi um hvernig löggilding getur villt notendur og það sem verra er að reka þá frá vefnum okkar:

    Staðfesting lykilorðsstyrks Geek Wisdom frá telur tZhKwnUmIss að vera veikt lykilorð. Ekki aðeins er þetta fullkomlega sterkt lykilorð heldur mun það einnig framselja notendur vegna þess að það gefur þeim ranga mynd af því að skrá þig inn á síðuna þína með því að nota þetta lykilorð verður einhvern veginn óörugg.

    Það væri miklu betra (og auðveldara) að gefa notendum einfaldlega í skyn að gott lykilorð sé að minnsta kosti sex stafir og ætti að innihalda bæði tölustafi og stafi.

    Önnur vafasöm löggilding inniheldur notendanöfn sem þurfa ákveðna lágmarkslengd eða innihalda ekki bil. Hvað er að notendanöfnunum X, john doe, eða jafnvel # *! §? Ég ræð við það.

  8. 12

    Ég er sammála þér. Sum eyðublöð líta ágætlega út en það býður ekki upp á góða staðfestingu. Persónulegar upplýsingar eru gefnar og það er eingöngu rétt að taka þær alvarlega rétt eins og öll viðskiptaform í pappírsútgáfu.

  9. 13
  10. 14
  11. 15

    Mér finnst svolítið skemmtilegt að þú sendir frá þér góðvildina fyrir staðfestingu á rauntímaformi og samt gefur athugasemdareyðublað þitt neðst í færslunni ekkert af þessu ...

    Ég geri mér grein fyrir því að þú ert að nota WordPress til að blogga hugsanir þínar á internetið, en ef til vill að tryggja að þú iðkir það sem þú boðar er ekki heldur slæm hugmynd. 🙂

    Gott innlegg, við the vegur, jafnvel þó að ég sé ekki endilega sammála öllu sem þú hefur skrifað.

    • 16

      Doh! You busted me, Amanda! I do wish I had time to do better form validation and to integrate it into WordPress. I especially like the Adobe Spry löggildingarramma og væri gaman að sjá einhvern samþætta þetta tvennt!

      Thanks! (And I always appreciate that there are multiple opinions on any topic).
      Doug

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.