Impressionate i vostri Visitatori Web cun Validazione di Forma in tempu reale

forma nanu

A prima impressione chì avete abitualmente cum'è un utilizatore di una Applicazione Web hè quandu compie un modulu web. Sò stupitu di u numeru di moduli web chì anu zero validazione o chì aspettanu chì inviate u cuntenutu di u vostru furmulariu prima di dì vi chì prublemi puderete avè.

A mo regula generale hè chì tuttu ciò chì ùn hè micca validatu hè supportatu. Tuttu ciò chì pò esse validatu prima di presentà u modulu deve esse. Cù l'avventu di Ajax, pudete ancu cunvalidà i dati contr'à a vostra basa di dati prima di a presentazione. Ùn sceglite micca a strada pigra - l'utenti apprezzanu l'aiutu!

Quì sò qualchi esempii:

  1. Adresse di email - Ùn mi dispiacenu micca e forme chì vi facenu cumplete u vostru indirizzu email duie volte per validalli, ma u fattu chì ùn vi dicenu micca s'elli currispondenu o micca o sò custruiti adeguatamente hè inescusabile.
  2. Passwords - Se mi ferete scrive una password duie volte, allora per piacè cunvalidate chì i valori sò listessi prima di mandà u modulu.
  3. Forza Password - Se avete bisognu di una certa forza di password (cumbinazione di caratteri alfanumerici o casi), allora furnite qualchì feedback per me mentre scrivu a mo password. Ùn aspettate micca chì mi sottumette prima di dimmi chì hà fiascatu.
  4. Dates - Se vulete a data in furmatu am / d / aaaa, allora permettimi di inserisce l'infurmazioni in un campu unicu scrivendu quelli valori è formattenduli in modu adattu. Se vulete zeri principali, metteli dopu. Va bè di vede un furmatu è salvà un altru in a vostra basa di dati.
  5. Data d'oghje - Cumplila per mè! Perchè mi dumandate di cumplettà a data quandu a sapete dighjà ?!
  6. Formatu di Data - Se avete una applicazione internaziunale, pudete predefinisce un furmatu di data basatu annantu à l'Internazionalizazione di a vostra applicazione. Benintesa, hè bonu d'avè una opzione per l'utilizatori di rimpiazzà quella opzione è selezziunà a so propria.
  7. Numeri di securità suciale - hè abbastanza sèmplice per aghjunghje qualchì javascript chì salta automaticamente da campu in campu o mette in un prugramma un trattinu trà i valori.
  8. Numeri Telefunichi - Tenendu in contu l'internaziunalizazione, sti tipi di campi ponu esse simplificati furmattendu u numeru di telefunu in l'interfaccia, ma salvendu lu in un altru furmatu chì sia efficace per u vostru back-end. Ùn fate micca scrive i vostri utenti in parentesi, spazii è trattini.
  9. Lunghezza massima di u testu - se limitate u numeru di caratteri memorizzati in a vostra basa di dati, allora NON lasciami scrive quanti caratteri in! Ùn richiede mancu una validazione difficiule ... hè solu un paràmetru in a casella di testu.
  10. Lunghezza minima di u testu - se avete bisognu di una lunghezza minima di testu, allora sunate l'alarma finu à chì aghju abbastanza caratteri.

Eccu un esempiu di funzione Forza Password Sapienza Geek:

Scrive a password:

Aghjurnamentu: 10/26/2007 - Aghju trovu una risorsa curretta cù una biblioteca JavaScript dispunibule per u scaricamentu per validazione di forma, chjamata LiveValidation.

16 Comments

  1. 1

    Sò d'accordu chì sò grandi caratteristiche per e forme, ma dicendu chì hè "inescusabile" di ùn fà micca a validazione javascript front-end hè una opinione più personale. Amu u travagliu in javascript, è aghju scrittu alcune maschere di editazione abbastanza pulite per fà alcune di e cose chì parlate, ma assai d'elli sò luntanu da esse banali, è parechji di i pacchetti di validazione di forma javascript quì anu un numeru di grandi fori. Tutti ùn investeranu micca u tempu in a duplicazione di a so validazione di back-end cun (più spessu chè no) validazione di javascript di front end più cumplessa.

    Belli punti, ma sicuramente micca qualcosa chì ogni forma in linea "hà bisognu" à parè meiu.

  2. 2

    U verificatore di password hè relativamente rottu. Ogni password hè abbastanza bona se hè longa.

    esempiu:

    Hè veramente una password mediocre?

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

  3. 4

    Per mè a migliore cunvalidazione di forma hè quandu dite à l'utilizatore l'impressione di una cunvalidazione di u latu di u cliente mentre hè AJAX / cunvalidazione di u servitore.
    Basta à aghjustà à l'elementi di u vostru furmulariu qualchì trattamentu di l'eventi (keyup, sfocatura, cliccà, ecc ...) chì publicanu a forma sana via AJAX à u servitore, invucendu una funzione "verificà" chì restituisce i missaghji d'errore currispundenti (questu passowrd hè troppu simplice, sta data hè in un format sbagliatu, ecc ...)
    Quandu l'utilizatore finalmente invia u furmulariu clicchendu un buttone di sottumissione, pudete sempre aduprà a funzione "verificà" di u servitore per validà l'ultima volta u furmulariu prima di inserisce i dati in una basa di dati o qualchì altru prucessu.
    In questu modu, l'utenti sò cuntenti di a cunvalidazione nantu à questu E I Sviluppatori sò felici cù u latu di u servitore solu sviluppu di validazione.

    • 5
      • 6

        Micca cusì veloce Doug - Sò d'accordu cù a vostra premessa uriginale chì ste caratteristiche utili, cume u furmatu di un SSN à a volata sò banali. È hè pigru di mandà solu un missaghju chì hè sbagliatu, quandu pudete risolve lu senza dighjà induvinà u furmatu.

        Tuttavia, sò ancu d'accordu cù Nicolas nantu à aduprà a logica Server Side in cungiunzione cù AJAX.

  4. 7

    U vostru tittulu dice "Impressiona i tuoi amici ..." ma ùn riesci micca à impressiunami cun questu 2 min, telefunatu in post.

    Riscrive u vostru titulu (troppu ingannevule, face pensà chì ci sò esempi è pratiche in discussione).

    Se e persone ùn a facenu micca dighjà in e so forme, allora stanu appena amparendu o a forma ùn hè micca abbastanza impurtante da aduprà a cunvalidazione.

    I veri prugrammatori web a sanu digià è a facenu.

    • 8

      Jay,

      Scusate per quessa! U mo scopu era sicuramente micca di furnisce risposte di sviluppatore - eru veramente venutu da u puntu di vista di un Product Manager. Sò d'accordu cun voi - ma hè interessante chì certi altri sviluppatori ùn sianu micca! Pensu chì hè disgraziatu.

      Grazie per piglià u tempu!
      Steven

  5. 9

    Sò d'accordu tutale chì a validazione sia un cumpunente necessariu di qualsiasi applicazione. Cum'è un capu di squadra, di solitu mi trovu à mandà u codice di novu per esse "finitu" per ragioni cum'è validazioni mancanti o limitazione di lunghezze di input di testu.

    Per a maiò parte di e cose chì travagliu, trovu chì ci vole circa u 50% di u tempu per uttene qualcosa chì travaglia, in cundizioni normali è se l'utenti utilizanu u sistema cum'è aghju intenzionatu. L'altru 50% di u tempu di sviluppu vene da verificà a so entrata, assicurendu l'integrità di i dati hè mantenuta, è rende i campi di furmulariu ùn permettenu micca l'ingressu di dati maliziusi.

    Aghju scrittu un post nantu à cumu utilizu InputVerifiers in e mo app di swing hava, è mostru cumu verificu un campu di testu per email. L'espressione regulare chì adupru hè facilmente modificabile per validà numeri di telefunu, codici postali, SSN, ecc.

    U mo post di blog hè in http://timarcher.com/?q=node/36

    Bona scrittura Doug!

  6. 10

    Sò d'accordu. E password sò veramente impurtanti è devenu esse pigliate in seriu. Pensu chì hè nurmale per guasi tutte e forme di scrive a password duie volte, ma ùn mostrendu a validità di e duie password mostra chì ùn hè micca cunsiderata seriamente.

  7. 11

    Sò d'accordu chì a validazione di u cliente pò esse una caratteristica assai amichevule. Tuttavia, hè più impurtante per assicurassi chì e validazioni stesse anu veramente sensu.

    Avete furnitu un brillante esempiu di cume a validazione pò ingannà l'utenti è, peghju, alluntanalli da u nostru situ:

    A validazione di a forza di password di Geek Wisdom da cunsidereghja tZhKwnUmIss per esse una password debule. Non solu hè una password perfettamente forte, ma alisterà ancu l'utenti perchè li dà l'impressione falsa chì u login in u vostru situ cù questa password serà in qualchì modu insicuro.

    Saria assai megliu (è più faciule) simpliciamente di lascià capisce à l'utilizatori chì una bona password hè longa almenu sei caratteri è duveria cuntene numeri è lettere.

    Altre validazioni dubbitose includenu nomi d'utilizatori chì necessitanu una certa lunghezza minima o chì ùn ponu micca cuntene spazi. Chì ci hè di falla cù i nomi d'utilizatori X, Ghjuvanni Doe, o ancu # *! §? Sò capace di gestisce què.

  8. 12

    Sò d'accordu cun voi. Alcune forme sembranu belle, ma ùn offre micca una bona cunvalidazione. L'infurmazioni persunali sò dati è hè propiu propiu di piglià lu in seriu cum'è qualsiasi forma d'impresa in copia stampata.

  9. 13
  10. 14
  11. 15

    Mi pare un pocu divertente chì publicate nantu à a buntà di furnisce una validazione di furmulariu in tempu reale è ancu, u vostru modulu di cummentariu in fondu à u post ùn furnisce nunda di queste ...

    Mi rendu contu chì site aduprendu WordPress per bloggà i vostri penseri nantu à Internet, ma forse assicurà chì praticiate ciò chì predicate ùn hè mancu una cattiva idea. 🙂

    Bon postu, à propositu, ancu sì ùn sò micca necessariamente d'accordu cù tuttu ciò chì avete scrittu.

    • 16

      Doh! Mi hai arrubatu, Amanda! Vogliu avè avutu u tempu di fà una cunvalidazione di forma megliu è di integralla in WordPress. Mi piace soprattuttu u Adobe Spry quadru di validazione è piacerebbe vede qualcunu integrà i dui!

      Grazie! (È aghju sempre apprezzatu chì ci sò parechje opinioni nantu à qualsiasi tema).
      Steven

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.