Stack Overflow
Stack Overflow

Questions tagged [jquery-steps]

jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view.

Homepage

http://www.jquery-steps.com/

Docs

https://github.com/rstaib/jquery-steps/wiki

Examples

http://www.jquery-steps.com/Examples

Syntax

$("#example-basic").steps({
  headerTag: "h3",
  bodyTag: "section",
  transitionEffect: "slideLeft",
  autoFocus: true
});
<div id="example-basic">
  <h3>Keyboard</h3>
  <section>
    <p>Try the keyboard navigation by clicking arrow left or right!</p>
  </section>
  <h3>Effects</h3>
  <section>
    <p>Wonderful transition effects.</p>
  </section>
  <h3>Pager</h3>
  <section>
    <p>The next and previous buttons help you to navigate through your content.</p>
  </section>
</div>
236 questions
0
votes
2 answers

Disable Validation On clicking previous JQuery stpes

I am using jquery validate and jquery steps togather, it works fine but when i do previous it ask for validation of current step which i want to disable and allow user to go back without current page validation Codepen:…
MIK FOLLEY
  • 1
  • 1
0
votes
0 answers

I am trying to validate input field but not working validation using jQuery steps

I am using the jquery steps plugin and I am trying to validate the input field when I click to next button, but unfortunately getting an error on the console, all fields should be validated please help me with how can I resolve this issue thank…
zubair syslab
  • 159
  • 1
  • 1
  • 10
0
votes
1 answer

Adding Jquery forms validate to vue3

I am used to programming on html, css and javascript. I recently learned Vue.js. Is there a way to import jquery form validator and other jquery libraries such as jquery steps to my vue project?
Deji James
  • 367
  • 6
  • 20
0
votes
0 answers

Why jQuery steps not changing the section

I was trying to make a multi-step form using jQuery steps. I have tried taking some code from the actual documentation but don't know why their web page isn't showing the code snippets. I tried taking the code from one tutorial blog but it is not…
Amara
  • 341
  • 4
  • 19
0
votes
0 answers

JQuery-step and Stripe - Card Mount

I have a signup/registration page that uses JQuery.steps. On page load the following code is executed. var elements = stripe.elements(); var card = elements.create('card'); card.mount('#card-element'); So Once the page is loaded and I get to the…
Sean D
  • 356
  • 5
  • 20
0
votes
1 answer

Select not working properly with jQuery Steps

So I'm making a form with jQuery Steps but select isn't working properly. When I pick from the dropdown, nothing happens. The default option is still the one that is selected. I'm using https://developer.snapappointments.com/bootstrap-select/ for…
Nytraxaqw
  • 55
  • 7
0
votes
0 answers

Jquery steps: How to add title to steps?

We are adding the next, back and submit button as follows using jquery steps: form.steps({ headerTag: "h3", bodyTag: "div", autoFocus: true, contentContainerTag: "div", titleTemplate: '#title#', transitionEffect:…
GenZ Dev
  • 210
  • 4
  • 16
0
votes
1 answer

Jquery steps in modal loses styling?

I have a rather simple application, all pages are loaded within a panel. In one of those panels, I open a modal to fill in a form. The first time the modal is opened, the formatting is as expected: But, if I close the modal to open it again,…
PatH
  • 17
  • 7
0
votes
1 answer

how to validate my input type radio in my Multistep form? When I click Next Then its forworded to next step

I am using the multistep form and I want to prevent input radio in step form if the radio is not selected then not forward another step. My input type of text is validated. allNextBtn.click(function(e) { e.preventDefault(); …
Abhi Sharma
  • 47
  • 1
  • 7
0
votes
1 answer

Undefined index when trying to upload image ( with jquery validate and steps )

I'm using form steps with jquery steps and jquery validate. But when i try to upload image, it show "Undefined Index: picture". When i try without both of jquery, it works. register.php
Silver Bullet
  • 17
  • 6
0
votes
1 answer

change jquery-steps Previous button colour

I have included the jquery-steps plugin. How can I change the colour of the Previous button without changing the next & finish button? Thanks http://www.jquery-steps.com/ Previous button
Sharifah Munira
  • 23
  • 7
0
votes
1 answer

On jquery first step js validate email and name validation

I have 5 fiels i want validate email and name on first step and in all other steps and every step user validate field with 3 digit number. That only on first step it will validate email and name,and other measurement that is 3 digit validation. i am…
Junaid Khan
  • 27
  • 6
0
votes
0 answers

Check all inputs with onStepChangingMethod (jquery-steps)

I use jquery-steps in my application and it has onStepChanging which does some action when you change tab. Now I want check all my inputs if they are empty or not. And if some of them is empty I want to show its name, or label to user. Here are my…
Bob Reynolds
  • 929
  • 3
  • 8
  • 21
0
votes
1 answer

JQuery Steps Wrapper

I am using jQuery Steps library but my form structure is generated and I can't change it. I have a structure similar to this:
some necessary content
some necessary…
Rain Man
  • 1,163
  • 2
  • 16
  • 49
0
votes
1 answer

How to get the value of current tab in jquery step usign getCurrentIndex?

I am trying to get the value of current tab using jquery, but I am stuck at very strange error. console.log("Super Outside") console.log($("#example-vertical").steps("getCurrentIndex")) $("#example-vertical > div.actions.clearfix > ul >…
Bhanu
  • 351
  • 2
  • 15
1 2 3
…
15 16