$( document ).ready(function() { var form = $("#example-form"); var validator = $("#example-form").validate({ errorPlacement: function errorPlacement(error, element) { element.after(error); }, rules: { confirm: { equalTo: "#password" } } }); form.children("div").steps({ headerTag: "h3", bodyTag: "section", transitionEffect: "fade", onStepChanging: function (event, currentIndex, newIndex) { form.validate().settings.ignore = ":disabled,:hidden"; return form.valid(); }, onFinishing: function (event, currentIndex) { form.validate().settings.ignore = ":disabled"; return form.valid(); }, onFinished: function (event, currentIndex) { alert("Submitted!"); } }); $(".wizard .actions ul li a").addClass("waves-effect waves-blue btn-flat"); $(".wizard .steps ul").addClass("tabs z-depth-1"); $(".wizard .steps ul li").addClass("tab"); $('ul.tabs').tabs(); $('select').material_select(); $('.select-wrapper.initialized').prev( "ul" ).remove(); $('.select-wrapper.initialized').prev( "input" ).remove(); $('.select-wrapper.initialized').prev( "span" ).remove(); $('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year }); });