[PROBLEMA] Validazione form JQuery
- Questo topic ha 2 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 6 anni, 6 mesi fa da
Pierlorenzo Peruzzo.
- AutorePost
- 20 Marzo 2017 alle 18:42 #7109
Pierlorenzo Peruzzo
PartecipanteCiao 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):
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
Spero qualcuno di voi sappia aiutarmi a risolvere questo problema. Per il momento vi ringrazio in anticipo 🙂
21 Marzo 2017 alle 15:56 #7112jqueryitalia
AmministratoreCiao 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 #7115Pierlorenzo Peruzzo
PartecipanteCiao @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!
- AutorePost
- Devi essere connesso per rispondere a questo topic.