[PROBLEMA] Validazione form JQuery

[Pierlorenzo Peruzzo]

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 🙂

 

---

[jqueryitalia]

Ciao Pierlorenzo.

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

JavaScript

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

1 2 3 4 5

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

 

---

Ti è piaciuto un tutorial?
Hai apprezzato una recensione?
Siamo stati d'aiuto nel forum e vuoi in qualche modo ringraziarci?
Sostieni la community di jQuery Italia con una donazione!

[Pierlorenzo Peruzzo]

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!

---