Mostrar condicionalmente el botón Siguiente en una página específica

¿Desea ocultar el botón Siguiente en una página específica del formulario y mostrarlo sólo después de que el usuario seleccione una opción en un campo del formulario?

En este tutorial, le explicaremos cómo conseguirlo utilizando un pequeño fragmento de código.

Añadir el fragmento de código

Este fragmento está configurado para funcionar con tipos de campo como Selección múltiple, en los que es necesario seleccionar una opción. Es posible que tenga que ajustar el selector jQuery para otros tipos de campo.

En primer lugar, tendrá que añadir el siguiente fragmento de código a su sitio.

Si necesita ayuda para añadir código personalizado a su sitio, consulte nuestra guía sobre cómo añadir PHP o JavaScript personalizados a su sitio.

Personalización del fragmento de código

En el fragmento de código anterior, tendrá que sustituir 1000 con su ID de formulario real en números de línea 9, 14y 24.

También tendrá que sustituir 10 con el ID del campo de formulario que desea utilizar en números de línea 26 y 27.

Si necesita ayuda para encontrar su ID de formulario, consulte esta guía sobre cómo encontrar los ID de formulario y de campo.

El código asume que usted quiere mostrar/ocultar el botón Siguiente en la página 2 de su formulario. Si desea mostrarlo en una página diferente, simplemente cambie el parámetro data-page valor del atributo.

Y ya está. Con este fragmento de código en su lugar, el botón Siguiente en la página especificada estará oculto por defecto y sólo aparecerá una vez que se seleccione una opción en el campo de formulario designado.

A continuación, ¿quieres saber más sobre cómo mostrar botones de forma condicional? Echa un vistazo a nuestro artículo sobre mostrar condicionalmente el botón de envío para más detalles.