jquery-steps
jquery-steps copied to clipboard
Basic Form Example not working
Hi,
I discovered this JQuery lib yesterday and gave it a try since I need to create a step-by-step form. So I read the doc and tried to do it with my own form and it didn't work. Then I simply tried to copy paste the Basic Form Example since I couldn't figure how to make it work... But it didn't work either.
JS Fiddle so you can see the issue : https://jsfiddle.net/Lucas_Pierru/zrk2bbou/
Right now I'm quite puzzled about how to use this lib, if anyone could explain me where my mistakes are, this would be really appreciated.
2
+1
The basic examples are missing the jquery validation library available here: https://github.com/jquery-validation/jquery-validation or pre-built here: https://jqueryvalidation.org/
add a reference to the jquery.validate.min.js library after your jquery reference and you should be good to go.
This assumes you're experiencing the error:
form.validate is not a function
in your code (which I observed.).
I'm seeing a similar issue -- i've tried many times -- simply cannot get even the basic demo to work correctly. The main functionality seems to work, but there's no styling, all of the steps are visible at all times and are not being shown/hidden correctly. Not seeing any errors in console; not sure what gives. This plugin is poorly documented.
+1 here I think the documentation should be updated.
+1 here. I see in the exmples page that all style is built into the HTML, Can you please mention the name of the style lib used on the examples page? Looks like BootStrap, but is it??
The demo css files (3 of them) are included in the package, under demo/css. Include in your project and you're good to go!

there is no css in the zip package please include it in the download front page