If you are breaking down a lengthy form into a form wizard containing multiple shorter form groups improve the visual organization of input elements, then the best thing you could do is to use Bootstrap Wizard. It saves your life. I recently implemented Bootstrap Wizard in one of my projects and I faced an issue. The “Next” button was not working after the first time I clicked it. But I was able to navigate to different steps in the form wizard by clicking navigation tabs. This was initially little weird.
Solution to Bootstrap Wizard ‘Next’ button not working issue
Here is the CDN link to twitter bootstrap version 2.3.2 .
Other solutions to the issue
- Check if the bootstrap-wizard.js is properly included in your HTML document after jQuery (or equivalent library) and Bootsrap.js .
- Make sure that you specify which element to be converted as form wizard by adding $(‘#ID_of_your_bootstrap_wizard_container_element’).bootstrapWizard();
- Make sure that you have added the above code after the document ready event.
- Make sure that there are no issues like jQuery conflict, etc.
If you are still unable to fix the issue. Please comment below, I will try to help you fix the issue.