PROBLEMA Validazione Form Jquery

Pubblicità

Pierlorenzo Peruzzo

Nuovo Utente
Messaggi
1
Reazioni
0
Punteggio
22
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 :)
 
Ultima modifica da un moderatore:
quando clicchi i pulsanti "prossimo" si scatena la funzione:

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

che sta nell'index.js

dentro quella funzione scateni la validazione come prima cosa, con un bel return false in caso di esito negativo.. dovrebbe funzionare.
https://jqueryvalidation.org/Validator.form/

se non bastasse valuterei anche 'utilizzo delle funzioni preventDefault e/o stopPropagation
 
Pubblicità
Pubblicità
Indietro
Top