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

    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.

    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).

    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.

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

    • 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.

      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! 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 quadru di validazione è piacerebbe vede qualcunu integrà i dui!

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

Chì ne pensi?

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