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

forma nanu

A prima impressione chì avete di solitu cum'è 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 invià 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 cumplettà 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 unicu campu scrivendu quelli valori è furmattenduli 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 considerazione l'internazionalizazione, sti tipi di campi ponu esse simplificati furmattendu u numeru di telefunu in l'interfaccia, ma salvandulu in un altru furmatu chì sia efficiente 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 funzioni per e forme, ma dicendu chì hè "inescusable" per ùn fà micca a validazione di javascript front-end hè una opinione più persunale. Mi piace à travaglià in javascript, è aghju scrittu alcune editmasks abbastanza pulite per fà alcune di e cose chì parlate, ma assai di elli sò luntanu da triviale, è parechji di i pacchetti di validazione di forma javascript ci anu una quantità di buchi grandi. Micca tutti investiranu u tempu per duplicà a so validazione back-end cù (più spessu chè micca) validazione javascript front-end più cumplessa.

    Punti boni, ma definitivamente micca qualcosa chì ogni forma in linea "hà bisognu" in u mo parè.

  2. 2

    U verificatore di password hè relativamente rottu. Qualchese password hè abbastanza bona s'ellu hè longu.

    esempiu:

    Hè veramente una password mediocre?

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

  3. 4

    Per mè, a megliu validazione di forma hè quandu dà à l'utilizatore l'impressione di una validazione di u cliente mentre hè validazione AJAX / Server.
    Basta à attaccà à i vostri elementi di furmulariu qualchì gestione di l'eventi (keyup, sfocatura, clic, etc...) chì postanu tutta a forma via AJAX à u servitore, invucandu una funzione di "verificà" chì torna i missaghji di errore currispondenti (questu passowrd hè troppu. simplice, quella data hè in formatu sbagliatu, etc...)
    Quandu l'utilizatore infine postà u furmulariu clicchendu un buttone di invià, pudete ancu aduprà a funzione "verificà" di u servitore per cunvalidà l'ultima volta a forma prima di inserisce e dati in una basa di dati o un altru prucessu.
    In questu modu, l'utilizatori sò felici cù a validazione onthego E i sviluppatori sò felici cù u sviluppu di validazione solu di u servitore.

    • 5
      • 6

        Micca cusì veloce Doug - Sò d'accordu cù a vostra premessa originale chì queste funzioni utili, cum'è furmà un SSN nantu à a mosca sò triviali. È a so lagna à pubblicà un missaghju chì hè sbagliatu, quandu pudete riparà senza avè da indovinà u furmatu.

        Tuttavia, sò ancu d'accordu cù Nicolas nantu à l'usu di a logica Server Side in cunjunzione cù AJAX.

  4. 7

    U vostru tìtulu dice "Impress Your Friends ..." ma ùn m'avete micca impressuatu cù questu 2 minuti, telefonatu in post.

    Riscrivite u vostru tìtulu (troppu ingannante, face pensà chì ci sò esempi è pratiche chì sò discututi).

    Se a ghjente ùn hè micca fà questu in e so forme, allora sò solu apprendu o a forma ùn hè micca abbastanza impurtante per utilizà a validazione.

    I veri programatori web sanu digià questu è facenu.

    • 8

      Jay,

      Scusate per quessa! U mo puntu era certamente micca di furnisce feedback di u sviluppatore - Eru veramente vinutu da u puntu di vista di un Product Manager. Sò d'accordu cun voi - ma hè interessante chì alcuni altri sviluppatori ùn anu micca! Pensu chì hè una disgrazia.

      Grazie per piglià u tempu!
      Steven

  5. 9

    Sò totalmente d'accordu chì a validazione hè un cumpunente necessariu di qualsiasi applicazione. Cum'è un capu di squadra, mi ritrovu di solitu à rinvià u codice per esse "finitu" per ragioni cum'è a mancanza di validazioni o a limitazione di a lunghezza di input di testu.

    Per a maiò parte di e cose ch'e aghju travagliatu, truvu chì ci vole circa 50% di u tempu per avè qualcosa di travagliu, in cundizioni normali è se l'utilizatori utilizanu u sistema in a manera ch'e aghju intesu. L'altru 50% di u tempu di sviluppu vene da a verificazione di u so input, assicurendu chì l'integrità di e dati hè mantinuta, è chì i campi di forma ùn permettenu micca l'ingressu di dati maliziusi.

    Aghju scrittu un postu nantu à cumu utilizà InputVerifiers in u mo hava swing apps, è mostra cumu verificate un campu di testu di email. L'espressione regulare chì aghju utilizatu hè facilmente mudificabile per cunvalidà numeri di telefunu, codici postali, SSN, etc.

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

    Bona scrittura Doug!

  6. 10

    Sò d'accordu. I password sò veramente impurtanti è deve esse pigliatu seriu. Pensu chì hè solu normale per quasi tutte e forme di scrive a password duie volte, ma ùn mostra micca a validità di e duie password mostra chì ùn hè micca cunsideratu seriu.

  7. 11

    Sò d'accordu chì a validazione di u cliente pò esse una funzione assai amichevule. In ogni casu, hè più impurtante per assicurà chì e validazioni stessi anu veramente sensu.

    Avete furnitu un esempiu brillanti di cumu a validazione pò ingannà l'utilizatori è, peghju, alluntanassi da u nostru situ:

    Validazione di forza di password di Geek Wisdom da considerazioni tZhKwnUmIss per esse una password debule. Ùn hè micca solu una password perfettamenti forte, ma ancu alienà l'utilizatori perchè li dà l'impressione falsa chì l'accessu à u vostru situ cù sta password serà in qualchì modu inseguru.

    Saria assai megliu (è più faciule) per simplificà à l'utilizatori chì una bona password hè almenu sei caratteri è duverebbe cuntene numeri è lettere.

    Altre validazioni discutibili includenu nomi d'utilizatori chì necessitanu una certa lunghezza minima o ùn pò micca cuntene spazii. Chì ci hè sbagliatu cù i nomi d'utilizatori X, Ghjuvanni Doe, o ancu #*!§? Puderaghju trattà questu.

  8. 12

    Sò d'accordu cun voi. Certi formi parenu bè, ma ùn offre micca una bona validazione. L'infurmazioni persunali sò datu è hè solu propiu di piglià in seriu cum'è qualsiasi forma di cummerciale in copia cartacea.

  9. 13
  10. 14
  11. 15

    Mi pare un pocu divertente chì postate nantu à a bontà per furnisce a validazione di forma in tempu reale è ancu, a vostra forma di cumentu in u fondu di u post ùn furnisce nimu di questi ...

    Aghju capitu chì site aduprate WordPress per bloggu i vostri pinsamenti nantu à Internet, ma forse assicurendu chì praticate ciò chì predicate ùn hè micca una idea cusì male. 🙂

    Bon post, per via, ancu s'ellu ùn sò micca necessariamente d'accordu cù tuttu ciò chì avete scrittu.

    • 16

      Doh! M'ai sbattutu, Amanda ! Vogliu avè avutu u tempu di fà una validazione di forma megliu è di integrà in WordPress. Mi piace in particulare u Adobe Spry quadru di validazione è mi piacerebbe vede qualcunu integrà i dui!

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

Chì ne pensi?

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