Estoy usando un complemento de pasos modales de arranque paso a paso

He completado los pasos según los documentos con mis campos de formulario (truncado):

 <div class="modal-body"> <div class="row hide" data-step="1" data-title="This is the first step!"> <form method="post" action=""> <input type="text" id="name" name="name" class="form-control"> </form> </div> <div class="row hide" data-step="2" data-title="This is the second and last step!"> <form method="post" action=""> <input type="text" id="email" name="email" class="form-control"> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default js-btn-step pull-left" data-orientation="cancel" data-dismiss="modal"></button> <button type="button" class="btn btn-warning js-btn-step" data-orientation="previous"></button> <button type="button" class="btn btn-success js-btn-step" data-orientation="next"></button> </div> </div>

Luego inicializa:

 var callback = function (){ console.log('Congratulations!'); //get all form fields data here or call the save function with parameters }; $('#modal-sample').modalSteps({ completeCallback: callback });

¿Cómo puedo obtener los datos del formulario en la devolución de llamada final? Puedo usar javascript y obtener los datos de campo por id/clase en cada devolución de llamada de pasos, pero eso es un poco complicado. Idealmente, me gustaría llamar a una función en el paso final y pasarle algunos parámetros. Debido a que el next button es dinámico y se convierte en el último complete button , no puedo inyectarle ninguna llamada de función.

Si pudiera agregar un evento onclick en el botón de envío final, sería mejor.

En el paso final, data-orientation="next" se convierte en: data-orientation="complete"

No están muy familiarizados con el uso de devoluciones de llamadas, mencionan la validación de campos en cada paso, por lo que asumo que hay una forma de verificar todos los campos, pero no estoy seguro de cómo hacerlo. Cualquier ayuda muy apreciada.