¿Existe alguna forma flexible de crear una forma "adaptable" usando jQuery?

Question

Tengo un requisito para crear un formulario. El usuario desea completar el formulario de forma lineal, con la forma adaptándose a sus elecciones a medida que se realizan.

Podría hacer esto como una serie de sentencias if/else en jQuery con algunos eventos onChange. Sin embargo, esto podría volverse tedioso. Me preguntaba, ¿hay un patrón/mejores prácticas para este escenario?

Supongo que sería casi como un asistente, excepto que los campos del formulario variarían según sus selecciones ... quizás ~ 3 etapas.

Answer 1

Acabo de descubrir esto en otra pregunta y pensé que podría ser algo así como lo que estás buscando ... No he podido jugar mucho con eso, así que no estoy 100% ¡Por supuesto!

jQuery.wizard

Answer 2

Me gustaría separar los campos de formulario en diferentes "zonas", cada uno con un identificador único, con los iniciales visible y el resto oculto.

Luego, cada vez que un elemento de forma cambia su valor (solo un detector de eventos al formulario y encuentra el elemento que generó el evento cada vez para evitar oyentes de eventos inútiles) mostraré una zona nueva, basada en el formulario Elemento que el usuario cambió y, si es necesario, verificando el nuevo valor que el usuario estableció para el elemento y actuando en consecuencia.

O simplemente podría tener un formulario con solo los elementos iniciales visibles y nada más, luego cargue el contenido dinámicamente con AJAX cada vez que se muestre una nueva zona.