Mostrare in modo condizionato il pulsante Avanti in una pagina specifica

Si desidera nascondere il pulsante Avanti in una pagina specifica del modulo e visualizzarlo solo dopo che l'utente ha selezionato un'opzione in un campo del modulo?

In questa guida vi spiegheremo come ottenere questo risultato utilizzando un piccolo frammento di codice.

Aggiunta dello snippet di codice

Questo snippet è impostato per funzionare con tipi di campo come Scelta multipla, in cui è necessario selezionare un'opzione. Potrebbe essere necessario adattare il selettore jQuery per altri tipi di campo.

Per prima cosa, dovrete aggiungere al vostro sito il seguente frammento di codice.

Se avete bisogno di aiuto per aggiungere codice personalizzato al vostro sito, consultate la nostra guida sull'aggiunta di PHP o JavaScript personalizzati al vostro sito.

Personalizzazione dello snippet di codice

Nello snippet di codice qui sopra, si deve sostituire 1000 con l'ID del modulo effettivo su numeri di riga 9, 14, e 24.

È inoltre necessario sostituire 10 con l'ID del campo del modulo che si vuole utilizzare su numeri di riga 26 e 27.

Se avete bisogno di aiuto per trovare l'ID del vostro modulo, consultate questa guida per trovare gli ID dei moduli e dei campi.

Il codice presuppone che si voglia mostrare/nascondere il pulsante Avanti nella pagina 2 del modulo. Se si desidera puntare a una pagina diversa, è sufficiente modificare il parametro data-page valore dell'attributo.

Ed ecco fatto! Con questo snippet di codice, il pulsante Avanti nella pagina specificata sarà nascosto per impostazione predefinita e apparirà solo dopo aver selezionato un'opzione nel campo del modulo designato.

Si desidera poi saperne di più sulla visualizzazione condizionale dei pulsanti? Date un'occhiata al nostro articolo sulla visualizzazione condizionale del pulsante di invio per maggiori dettagli.