steps.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. $(".tab-wizard").steps({
  2. headerTag: "h6"
  3. , bodyTag: "section"
  4. , transitionEffect: "fade"
  5. , titleTemplate: '<span class="step">#index#</span> #title#'
  6. , labels: {
  7. finish: "Submit"
  8. }
  9. , onFinished: function (event, currentIndex) {
  10. swal("Form Submitted!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.");
  11. }
  12. });
  13. var form = $(".validation-wizard").show();
  14. $(".validation-wizard").steps({
  15. headerTag: "h6"
  16. , bodyTag: "section"
  17. , transitionEffect: "fade"
  18. , titleTemplate: '<span class="step">#index#</span> #title#'
  19. , labels: {
  20. finish: "Submit"
  21. }
  22. , onStepChanging: function (event, currentIndex, newIndex) {
  23. return currentIndex > newIndex || !(3 === newIndex && Number($("#age-2").val()) < 18) && (currentIndex < newIndex && (form.find(".body:eq(" + newIndex + ") label.error").remove(), form.find(".body:eq(" + newIndex + ") .error").removeClass("error")), form.validate().settings.ignore = ":disabled,:hidden", form.valid())
  24. }
  25. , onFinishing: function (event, currentIndex) {
  26. return form.validate().settings.ignore = ":disabled", form.valid()
  27. }
  28. , onFinished: function (event, currentIndex) {
  29. swal("Form Submitted!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.");
  30. }
  31. }), $(".validation-wizard").validate({
  32. ignore: "input[type=hidden]"
  33. , errorClass: "text-danger"
  34. , successClass: "text-success"
  35. , highlight: function (element, errorClass) {
  36. $(element).removeClass(errorClass)
  37. }
  38. , unhighlight: function (element, errorClass) {
  39. $(element).removeClass(errorClass)
  40. }
  41. , errorPlacement: function (error, element) {
  42. error.insertAfter(element)
  43. }
  44. , rules: {
  45. email: {
  46. email: !0
  47. }
  48. }
  49. })