Vai al contenuto
jQuery Italia
jQuery Italia

La community italiana di jQuery

  • HOME
  • IMPARA
    • Tutorials jQuery Italia
    • Tutorials dal web
    • Supporto ed Aiuto
  • CONTRIBUISCI
    • Nuovo Articolo
    • Nuovo Tutorial
  • SVILUPPA
    • Snippets
    • Tools
    • Download
    • Plugins
    • Links
  • NOTIZIE
    • jQuery
    • jQuery UI
    • Projects
  • CONTATTI
  • LOGIN
  • REGISTRATI

[PROBLEMA] Validazione form JQuery

Home › Forum › Supporto ed Aiuto › Problemi con i plugin di jQuery

Scrivi le tue richieste di aiuto nella sezione relativa.
Posta qui eventuali problemi con i plugin di jQuery
  • Questo topic ha 2 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 3 anni, 11 mesi fa da Pierlorenzo Peruzzo.
Stai visualizzando 3 post - dal 1 a 3 (di 3 totali)
  • Autore
    Post
  • 20 Marzo 2017 alle 18:42 #7109
    Pierlorenzo Peruzzo
    Partecipante

    Ciao a tutti,
    vi spiego il problema che ormai da giorni mi tormenta e che non sono riuscito in alcun modo a risolvere.
    Vorrei validare un form con JQuery (premettendo che sono novizio nel modo JQuery) ma non riesco a farlo con il plugin più famoso e completo ( https://jqueryvalidation.org/documentation/ ) in quanto il form che voglio validare è un form un po’ particolare.

    Vi spiego più nel dettaglio: ho trovato quest’ottimo template di form che funziona in questo modo: http://pierlorenzoperuzzo.altervista.org/workin/application/form.html
    In poche parole è quindi un form che mostra più pagine (nello stesso documento), realizzato con JQuery.
    Quello che vorrei rendere possibile è che prima che avvenga l’animazione del cambio di pagina, avvenga la validazione dei campi e se (e solo se) tutti questi sono validi allora avviene il passaggio alla pagina successiva.

    Il problema credo di averlo capito: dovrebbe essere che non funziona la validazione in quanto il plugin che esegue la validazione viene eseguito solo nel momento in cui si clicca sul pulsante “submit” e non su un pulsante qualunque (come nel mio caso, infatti per passare da una pagina all’altra si clicca sul pulsante “prossimo”).

    Vi allego qui il codice del form prima di tutto:

    form.html (ho allegato volutamente qui direttamente il file css nell’head):

     

    http://pastebin.com/1mVhCXzd

     

     

    Ometto sempre volutamente gli altri file .js (come ad esempio quello dell’upload dei file o quello del conta caratteri) in quanto non sono necessari.
    Allego invece il file index.js che è quello che regola lo “sliding” del form:

    index.js

     

    http://pastebin.com/R4AMrmCh

     

    Spero qualcuno di voi sappia aiutarmi a risolvere questo problema. Per il momento vi ringrazio in anticipo 🙂

     

    21 Marzo 2017 alle 15:56 #7112
    jqueryitalia
    Amministratore

    Ciao Pierlorenzo.

    Semplicemente esegui il controllo di validazione nella funzione javascript che passa da uno step all’altro, cioè nella funzione:

    $(".next").click(function(){
       ...
       ...
       ...
    });

     

    25 Marzo 2017 alle 10:56 #7115
    Pierlorenzo Peruzzo
    Partecipante

    Ciao @jqueryitalia

    ho già provato ad adottare questa soluzione ma non ci sono riuscito in quanto uso questo plugin (  https://jqueryvalidation.org/documentation/ ) per validare il form che appunto, essendo un plugin già fatto, funziona solo nel momento in cui si clicca su “submit” e non un altro tasto qualsiasi. Io penso bisogni andare a modificare il .js del plugin, ma purtroppo non riesco

    Spero tu mi sappia aiutare, in ogni caso grazie per la risposta!

  • Autore
    Post
Stai visualizzando 3 post - dal 1 a 3 (di 3 totali)
  • Devi essere connesso per rispondere a questo topic.
Accesso
Accedi con Facebook
Accedi con Google
Accedi con Twitter

Login

Accedi con Facebook
Accedi con Google
Accedi con Twitter
  • Registrati
  • Password dimenticata?

SOSTIENI jQuery Italia

Aiuta la Community di jQuery Italia a rimanere in vita per contribuire a diffondere le conoscenze di base ed avanzate di jQuery.

Download in evidenza

  • gmap104.html (3115 download)
  • jquery-1.4.1.min.js (2907 download)
  • tinytips11.html (2792 download)
  • jquery-ui-1.8rc1.zip (2780 download)
  • jqueryformwizard-201.html (2760 download)
  • 1.0.0.zip (2724 download)
  • jquery-1.4.2.min.js (2653 download)
  • calendarPicker.html (2651 download)
  • move-background.html (2621 download)
  • jquerytools120.html (2619 download)

jQuery Links

  • jQuery Howto
  • jQuery Official Site
  • jQuery UI Official Site
  • Learning jQuery
  • Use jQuery

SITO SEGNALATO SU

Sito segnalato da Freeonline.it - La guida alle risorse gratuite Mooseek.com - Web Directory, Download Software, Giochi Online, Video Tecnologici, Siti d'Affari

TAG

aggiornamento (3) ajax (5) Android (5) animazione (49) api (10) BlackBerry (4) calendario (3) canvas (4) css3 (9) form (12) framework (41) gallery (8) google (5) grafici (2) html5 (11) immagini (38) javascript (29) jQuery (160) jQuery UI (15) Linux Day (3) maps (3) menu (6) mobile (10) news (2) open source (4) overlay (3) plugin (93) Plugins (17) presentation cycle (4) projects (11) responsive (5) slider (7) slideshow (18) Smartphones (5) Tablets (4) template (5) testo (2) tooltip (6) tutorial (12) upload (3) utility (18) VELug (3) video (3) widget (3) zoom (3)
jQuery Italia

La community italiana di jQuery

  • Facebook
  • Twitter
  • Linkedin
  • Youtube
Tutti i loghi ed i marchi contenuti e citati in questo sito sono dei rispettivi propietari.
Privacy Policy
Cookies Policy
COPYRIGHT © 2010 - 2021 jQuery Italia
Designed By ZeeTheme