PROBLEMA Validazione Form Jquery

Pierlorenzo Peruzzo

Nuovo Utente
1
0
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:

Albo89

Utente Èlite
4,031
1,432
CPU
i7 8750h
Hard Disk
256GB ssd + 1TB HDD
RAM
16GB DDR4
Scheda Video
GTX 1060 6GB
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
 

Entra

oppure Accedi utilizzando

Discussioni Simili

Hot del momento