Impresionirajte svoje web posjetitelje provjerom obrazaca u stvarnom vremenu

online obrasca

Prvi dojam koji obično imate kao korisnik web aplikacije je kada popunite web obrazac. Zadivljen sam brojem web obrazaca koji nemaju valjanost ili koji čekaju da predate sadržaj obrasca prije nego što vam kažu koje biste probleme mogli imati.

Moje pravilo je da je podržano sve što nije provjereno. Sve što se može provjeriti prije predaje obrasca mora biti. Pojavom Ajaxa čak možete provjeriti podatke prema svojoj bazi podataka prije slanja. Ne birajte lijenu rutu - korisnici cijene pomoć!

Evo nekoliko primjera:

  1. E-mail adrese - Ne smetaju mi ​​obrasci koji vas natjeraju da dva puta popunite svoju adresu e-pošte da biste ih provjerili, ali činjenica da vam ne govore da li se podudaraju ili su odgovarajuće konstruirani je neoprostiva.
  2. lozinke - Ako ćete me natjerati da dvaput upišem lozinku, provjerite jesu li vrijednosti iste prije objavljivanja obrasca.
  3. jačina šifre - Ako vam je potrebna određena snaga lozinke (kombinacija alfanumeričkih znakova ili velikih slova), pružite mi povratne informacije dok unosim lozinku. Nemojte čekati da je prijavim prije nego što mi kažete da nije uspjela.
  4. Termini - Ako želite datum u formatu am / d / yyyy, onda mi dopustite da unesem informacije u jedno polje tako što ću otkucati te vrijednosti i odgovarajuće ih oblikovati. Ako želite vodeće nule, stavite ih nakon. U redu je prikazati jedan format, a drugi sačuvati u svojoj bazi podataka.
  5. Današnji datum - Popuni mi! Zašto tražite da upišem datum kad to već znate ?!
  6. Format datuma - Ako imate međunarodnu prijavu, možete zadati format datuma zasnovan na internacionalizaciji vaše aplikacije. Naravno, dobro je imati opciju za korisnike da je ponište i odaberu svoju.
  7. Brojevi socijalnog osiguranja - prilično je jednostavno dodati neki javascript koji automatski skače s polja na polje ili programski stavlja crticu između vrijednosti.
  8. telefonski brojevi - uzimajući u obzir internacionalizaciju, ove se vrste polja mogu pojednostaviti formatiranjem telefonskog broja u sučelju, ali spremanjem u drugi format koji je učinkovit za vašu pozadinu. Neka vaši korisnici ne upisuju zagrade, razmake i crtice.
  9. Maksimalna dužina teksta - ako ograničite broj znakova pohranjenih u vašoj bazi podataka, NEMOJTE mi dopustiti da unesem toliko znakova! Ne treba čak ni teško provjeravanje ... to je samo postavka u okviru za tekst.
  10. Minimalna dužina teksta - ako vam je potrebna minimalna duljina teksta, oglašavajte alarm dok ne dobijem dovoljno znakova.

Evo primjera funkcije Snaga lozinke iz Geek Wisdom:

Upišite lozinku:

AŽURIRANJE: 10. - Pronašao sam uredan resurs s JavaScript bibliotekom dostupnom za preuzimanje potvrda obrasca, koja se naziva LiveValidation.

16 Komentari

  1. 1

    Slažem se da su to sjajne značajke za obrasce, ali reći da je "neoprostivo" ne izvoditi provjeru valjanosti JavaScript-a više je lično mišljenje. Volim raditi u javascriptu i napisao sam neke prilično uredne maske za uređivanje nekih stvari o kojima pričate, ali mnoge od njih su daleko od trivijalnih, a mnogi paketi za provjeru valjanosti javascript obrazaca imaju brojne velike rupe. Neće svi uložiti vrijeme u dupliciranje svoje pozadinske provjere s (češće nego složenijom) provjerom javascripta na prednjoj strani.

    Dobre točke, ali definitivno nije nešto što svaki obrazac na mreži "treba" po mom mišljenju.

  2. 2

    Provjera lozinke je relativno slomljena. Svaka lozinka je dovoljno dobra ako je duga.

    Primjer:

    Je li ovo zaista osrednja lozinka?

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

  3. 4

    Za mene je najbolja provjera valjanosti kada korisniku pružite dojam provjere na strani klijenta, dok je to provjera na strani AJAX / poslužitelja.
    Jednostavno morate elementima obrasca priložiti neko rukovanje događajima (keyup, blur, click, itd ...) koji čitav obrazac postavljaju putem AJAX-a na server, pozivajući funkciju "check" koja vraća odgovarajuće poruke o grešci (i ovaj passowrd je previše jednostavno, taj datum je u pogrešnom formatu itd.)
    Kada korisnik konačno objavi obrazac klikom na dugme za slanje, i dalje možete koristiti funkciju „provjeri“ na strani poslužitelja za posljednju provjeru valjanosti obrasca prije umetanja podataka u bazu podataka ili neki drugi postupak.
    Na ovaj način korisnici su zadovoljni daljnjom provjerom valjanosti, A programeri su zadovoljni razvojem provjere valjanosti samo na strani poslužitelja.

    • 5
      • 6

        Ne tako brzo Doug - Slažem se s vašom izvornom premisom da su ove korisne funkcije, poput formatiranja SSN-a u letu, trivijalne. I lijeno je samo objaviti poruku da je pogrešna, kad to možete popraviti bez potrebe za pogađanjem formata.

        Međutim, također se slažem s Nicolasom oko korištenja logike na strani poslužitelja zajedno sa AJAX-om.

  4. 7

    U vašem naslovu stoji „Impresionirajte svoje prijatelje ...“, ali niste me impresionirali sa ove 2 minute, nazvanom u postu.

    Prepišite svoj naslov (previše zavaravajuće, natjera nekoga da pomisli da postoje primjeri i prakse o kojima se raspravlja).

    Ako ljudi to ne rade već u svojim oblicima, onda samo uče ili obrazac nije dovoljno važan da bi se koristila provjera valjanosti.

    Pravi web programeri to već znaju i rade.

    • 8

      Jay,

      Izvini zbog toga! Moja poanta definitivno nije bila pružiti povratne informacije programerima - zaista sam dolazio sa stanovišta menadžera proizvoda. Slažem se s vama - ali zanimljivo je da se neki drugi programeri ne! Mislim da je to žalosno.

      Hvala što ste odvojili vrijeme!
      Doug

  5. 9

    Potpuno se slažem da je provjera valjanosti neophodna komponenta svake prijave. Kao vođa tima, obično nađem da šaljem kôd natrag da bude „završen“ iz razloga kao što su nedostajuće provjere valjanosti ili ograničenje duljine unosa teksta.

    Za većinu stvari na kojima radim smatram da je potrebno oko 50% vremena da se nešto pokrene, pod normalnim uvjetima i ako korisnici koriste sistem onako kako sam namjeravao. Ostalih 50% vremena izrade dolazi provjerom njihovog unosa, osiguravanjem održavanja integriteta podataka i omogućavanjem unosa obrazaca u obrasce.

    Napisao sam post o tome kako koristim InputVerifiers u svojim hava swing aplikacijama i pokazao kako potvrđujem polje za tekst e-pošte. Regularni izraz koji koristim je lako modificirati za provjeru telefonskih brojeva, poštanskih brojeva, SSN-ova itd.

    Moj post na blogu je na http://timarcher.com/?q=node/36

    Dobar zapis Doug!

  6. 10

    Slažem se. Lozinke su zaista važne i moraju se shvatiti ozbiljno. Mislim da je normalno samo da gotovo svi obrasci upišu lozinku dva puta, ali ne pokazivanje valjanosti dvije lozinke pokazuje da se to ne smatra ozbiljno.

  7. 11

    Slažem se da provjera valjanosti klijenta može biti vrlo korisna karakteristika. Međutim, važnije je osigurati da same provjere valjanosti zaista imaju smisla.

    Dali ste sjajan primjer kako provjera valjanosti može zavesti korisnike i, što je još gore, otjerati ih s naše web stranice:

    Provjera snage lozinke Geek Wisdom iz uzima u obzir tZhKwnUmIss biti slaba lozinka. Ne samo da je ovo savršeno jaka lozinka, već će i otuđiti korisnike jer im stvara lažni dojam da će prijava na vašu stranicu pomoću ove lozinke biti nekako nesigurna.

    Bilo bi mnogo bolje (i lakše) jednostavno nagovijestiti korisnike da dobra lozinka ima najmanje šest znakova i da treba sadržavati i brojeve i slova.

    Ostale upitne provjere valjanosti uključuju korisnička imena kojima je potrebna određena minimalna dužina ili ne moraju sadržavati razmake. Šta nije u redu sa korisničkim imenima X, john doe, ili čak # *! §? Mogu to podnijeti.

  8. 12

    Slažem se s tobom. Neki obrasci izgledaju u redu, ali ne nude dobru provjeru valjanosti. Daju se lični podaci i ispravno ih je shvatiti ozbiljno, baš kao i sve poslovne obrasce u papirnatom obliku.

  9. 13
  10. 14
  11. 15

    Malo mi je zabavno što objavljujete o dobroti za pružanje valjanosti obrazaca u stvarnom vremenu, a opet, vaš obrazac za komentar na dnu posta ne pruža ništa od toga ...

    Shvaćam da koristite WordPress da svoje misli objavljujete na Internetu, ali možda ni osiguravanje da vježbate ono što propovijedate nije tako loša ideja. 🙂

    Dobar post, usput, čak i ako se ne slažem nužno sa svime što ste napisali.

    • 16

      Doh! Uhapsila si me, Amanda! Volio bih da imam vremena za bolju provjeru valjanosti i za integraciju u WordPress. Posebno mi se sviđa Adobe Spry validacijskog okvira i volio bih vidjeti da neko integrira to dvoje!

      Hvala! (I uvijek cijenim da postoji više mišljenja o bilo kojoj temi).
      Doug

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.