I recently customized the stepsForm.js by Copdrops and made some modifications. Although everything works well, I'm struggling to navigate back to the initial step (first question) after submitting the form due to my limited knowledge of JavaScript.
The original Copdrops script can be found here:
https://github.com/codrops/MinimalForm
Additionally, I implemented a modification to reset the form and return to the first question (step) post submission using the following link:
http://codepen.io/anon/pen/GgdQgg
Here is the custom JavaScript code snippet that I applied at the end of the Codepen's JavaScript:
var theForm = document.getElementById( 'theForm' );
new stepsForm( theForm, {
onSubmit : function( form ) {
// hide form
classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
var messageEl = theForm.querySelector( '.final-message' );
messageEl.innerHTML = 'Thank you! We\'ll be in touch.';
classie.addClass( messageEl, 'show' );
setTimeout(function(){
form.reset()
}, 2500);
setTimeout(function(){
classie.removeClass( messageEl, 'show' )
}, 3000);
setTimeout(function(){
classie.removeClass( theForm.querySelector( '.simform-inner' ), 'hide' )
}, 3500);
}
} );