Muljet oma veebikülastajatele reaalajas vormi kinnitamisega

online-vormi

Esimene mulje, mis veebirakenduse kasutajana tavaliselt jääb, on veebivormi täitmine. Mind hämmastab nende veebivormide arv, mille valideerimine on null või mis ootavad teie vormi sisu esitamist, enne kui ütlen teile, millised probleemid võivad teil tekkida.

Minu rusikareegel on, et toetatakse kõike, mida pole kinnitatud. Kõik, mida saab enne vormi esitamist kinnitada, peab olema. Ajaxi tulekuga saate enne esitamist isegi oma andmebaasis andmeid kontrollida. Ärge valige laiskat marsruuti - kasutajad hindavad abi!

Siin on mõned näited:

  1. E-posti aadressid - Ma ei pahanda vorme, mis sunnib teid valideerimiseks kaks korda oma e-posti aadressi täitma, kuid see, et need ei ütle teile, kas need sobivad või on asjakohaselt ehitatud, on andestamatu.
  2. paroolid - Kui panete mind kaks korda parooli sisestama, kontrollige enne vormi postitamist, et väärtused on samad.
  3. Salasõna tugevus - Kui vajate parooli teatud tugevust (tähtnumbriliste tähtede või juhtumite kombinatsioon), siis andke mulle parooli sisestamise ajal tagasisidet. Ärge oodake, kuni mind esitan, enne kui ütlete, et see ebaõnnestus.
  4. Kuupäevad - Kui soovite kuupäeva vormingus am / d / yyyy, lubage mul sisestada teave ühele väljale, tippides need väärtused ja vormindades need asjakohaselt. Kui soovite juhtnulle, pange need pärast. Ühe vormingu kuvamine ja teise andmebaasi salvestamine on okei.
  5. Tänane kuupäev - Täida see minu jaoks ära! Miks te palute mul kuupäeva täita, kui olete seda juba teadnud ?!
  6. Kuupäevavorming - Kui teil on rahvusvaheline rakendus, saate kuupäeva vormingu vaikeväärtuseks muuta vastavalt oma rakenduse rahvusvahelistumisele. Muidugi on hea, kui kasutajatel on võimalus see valik tühistada ja oma valida.
  7. Sotsiaalkindlustuse numbrid - on üsna lihtne lisada mõni javascript, mis hüppab automaatselt väljalt välja või paneb väärtuste vahele programmiliselt kriipsu.
  8. Telefoninumbrid - võttes arvesse rahvusvahelistumist, saab seda tüüpi välju ka lihtsustada, vormindades liideses telefoninumbri, kuid salvestades selle muus vormingus, mis on teie back-endi jaoks tõhus. Ärge sunnige kasutajaid sulgudesse, tühikutesse ja sidekriipsudesse kirjutama.
  9. Maksimaalne teksti pikkus - kui piirate oma andmebaasi salvestatud märkide arvu, siis ÄRGE lubage mul nii palju märke sisestada! See ei vaja isegi rasket valideerimist ... see on lihtsalt tekstikasti seade.
  10. Minimaalne teksti pikkus - kui vajate minimaalset teksti pikkust, siis helistage alarmi, kuni mul on piisavalt märke.

Siin on näide funktsioonist Parooli tugevus Geeki tarkus:

Sisestage parool:

UUENDAMINE: 10 - leidsin allalaadimiseks allalaaditava JavaScripti teegiga ressursi vormi valideerimine, nimega LiveValidation.

16 Kommentaarid

  1. 1

    Nõustun, et need on vormide jaoks suurepärased funktsioonid, kuid väide, et esiotsa javascripti valideerimisest loobumine on "vabandamatu", on pigem isiklik arvamus. Mulle meeldib JavaScriptis töötada ja olen kirjutanud päris kenad redigeerimismaskid, et teha mõningaid asju, millest räägite, kuid paljud neist pole kaugeltki triviaalsed ja paljudes olemasolevates javascripti vormide valideerimispakettides on palju suuri auke. Mitte igaüks ei kuluta aega oma tagaosa valideerimise dubleerimiseks (sagedamini) keerukama esiotsa javascripti valideerimisega.

    Head punktid, kuid kindlasti mitte midagi, mida iga veebivorm minu arvates "vajab".

  2. 2

    Paroolikontroll on suhteliselt katki. Iga parool on piisavalt hea, kui see on pikk.

    Näide:

    Kas see on tõesti keskpärane parool?

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

  3. 4

    Minu jaoks on parim vormi kinnitamine see, kui jätate kasutajale mulje kliendipoolsest valideerimisest, samas kui tegemist on AJAX-i/serveripoolse valideerimisega.
    Peate lihtsalt oma vormielementidele lisama teatud sündmuste käitlemise (klahvivajutus, hägustamine, klõps jne), mis postitavad kogu vormi AJAX-i kaudu serverisse, kutsudes välja kontrollifunktsiooni, mis tagastab vastavad veateated (see parool on ka lihtne, see kuupäev on vales vormingus jne...)
    Kui kasutaja lõpuks vormi postitab, klõpsates esitamisnupul, saate siiski kasutada serveripoolset funktsiooni "kontrolli", et vormi viimast korda enne andmete sisestamist andmebaasi või mõnda muusse protsessi kinnitada.
    Nii on kasutajad rahul onthego valideerimisega JA arendajad on rahul ainult serveripoolse valideerimise arendamisega.

    • 5
      • 6

        Mitte nii kiire Doug – nõustun teie algse eeldusega, et need kasulikud funktsioonid, nagu SSN-i vormindamine käigu pealt, on tühised. Ja on laisk lihtsalt postitada teadet, et see on vale, kui saate selle parandada, ilma et peaksite vormingut arvama.

        Siiski nõustun Nicolasega ka serveripoolse loogika kasutamise kohta koos AJAX-iga.

  4. 7

    Teie pealkiri ütleb: "Jälgi oma sõpradele muljet...", kuid te ei jäta mulle muljet selle 2 minutiga, millele helistasite posti teel.

    Kirjutage oma pealkiri ümber (liiga eksitav, paneb arvama, et näiteid ja tavasid arutatakse).

    Kui inimesed seda juba oma vormides ei tee, siis nad alles õpivad või pole vorm valideerimise kasutamiseks piisavalt oluline.

    Tõelised veebiprogrammeerijad teavad seda juba ja teevad seda.

    • 8

      Jay,

      Vabandust selle pärast! Minu mõte ei olnud kindlasti arendajatele tagasiside andmine – ma tulin tõesti tootejuhi vaatenurgast. Olen teiega nõus – aga huvitav, et mõned teised arendajad seda ei tee! Ma arvan, et see on kahetsusväärne.

      Täname, et leidsite aega!
      Doug

  5. 9

    Nõustun täielikult sellega, et valideerimine on iga rakenduse vajalik komponent. Meeskonnajuhina avastan end tavaliselt koodi tagasi saatmas, et see oleks "lõpetatud" põhjustel, nagu puuduvad kinnitused või tekstisisestuse pikkuse piiramine.

    Enamiku asjade puhul, millega ma töötan, kulub minu arvates umbes 50% ajast, et midagi tööle saada, tavatingimustes ja kui kasutajad kasutavad süsteemi nii, nagu ma kavatsesin. Ülejäänud 50% arendusajast pärineb nende sisestuse kontrollimisest, andmete terviklikkuse säilitamisest ja vormiväljade muutmisest, mis ei võimalda pahatahtlike andmete sisestamist.

    Kirjutasin postituse selle kohta, kuidas ma oma hava swingi rakendustes InputVerifierit kasutan, ja näitan, kuidas kinnitan meili tekstivälja. Minu kasutatav regulaaravaldis on telefoninumbrite, sihtnumbrite, SSN-ide jms kinnitamiseks hõlpsasti muudetav.

    Minu blogipostitus on kell http://timarcher.com/?q=node/36

    Hea kirjutis Doug!

  6. 10

    Ma nõustun. Paroolid on tõesti olulised ja neid tuleb tõsiselt võtta. Minu arvates on normaalne, et peaaegu kõik vormid sisestavad parooli kaks korda, kuid kahe parooli kehtivuse näitamata jätmine näitab, et seda ei võeta tõsiselt.

  7. 11

    Nõustun, et kliendi valideerimine võib olla väga kasutajasõbralik funktsioon. Olulisem on aga veenduda, et valideerimisel endal on ka mõtet.

    Esitasite suurepärase näite selle kohta, kuidas valideerimine võib kasutajaid eksitada ja, mis veelgi hullem, neid meie saidilt eemale peletada:

    Geek Wisdomi parooli tugevuse valideerimine kaalub tZhKwnUmIss olla nõrk parool. See pole mitte ainult täiesti tugev parool, vaid ka võõrandab kasutajaid, kuna jätab neile vale mulje, et selle parooliga saidile sisselogimine on kuidagi ebaturvaline.

    Palju parem (ja lihtsam) oleks kasutajatele lihtsalt vihjata, et hea parool on vähemalt kuue tähemärgi pikkune ja peaks sisaldama nii numbreid kui tähti.

    Muud küsitavad kinnitused hõlmavad kasutajanimesid, mis vajavad teatud minimaalset pikkust või ei pruugi sisaldada tühikuid. Mis kasutajanimedel viga X, John Doe, või isegi #*!§? Ma saan sellega hakkama.

  8. 12

    Ma nõustun sinuga. Mõned vormid näevad head välja, kuid need ei paku head valideerimist. Isikuandmeid antakse ja seda on kohane võtta tõsiselt nagu kõiki paberkandjal olevaid ärivorme.

  9. 13
  10. 14
  11. 15

    Minu arvates on veidi lõbus, et postitate vormi reaalajas kinnitamise headusest, kuid postituse allosas olev kommentaarivorm ei paku ühtegi neist…

    Ma mõistan, et kasutate WordPressi oma mõtete internetti ajamiseks, kuid võib-olla pole ka jutlustamise praktiseerimine nii halb mõte. 🙂

    Hea postitus, muide, isegi kui ma ei pruugi kõigega nõus olla, mida sa kirjutasid.

    • 16

      Doh! Sa lõid mu maha, Amanda! Soovin, et mul oleks aega vormi paremaks valideerimiseks ja selle WordPressi integreerimiseks. Eriti meeldib mulle Adobe Spry valideerimisraamistik ja tahaks näha, et keegi neid kahte ühendaks!

      Aitäh! (Ja ma hindan alati, et igal teemal on mitu arvamust).
      Doug

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.