Back to Details
Settings
Step number:
of
jQuery Smart Wizard Form Validation Demo
Example of Bootstrap Form Validation on Smart Wizard v6
Smart Wizard Settings
Theme
Basic (Default)
Arrows
Square
Round
Dots
Justified
Transition
None
Fade
Slide Horizontal
Slide Vertical
Slide Swing
Slide Horizontal
Slide Vertical
Fade
Fade + Slide Horizontal
Fade + Slide Vertical
Fade + Slide Corner 1
Fade + Slide Corner 2
Bounce
Bounce + Slide Horizontal
Bounce + Slide Vertical
Back + Slide Horizontal
Back + Slide Vertical
Flip Horizontal
Flip Vertical
Lightspeed
Rotate
Rotate Clockwise
Rotate Anti Clockwise
Zoom
Colors
Anchor Settings
Enable Navigation
Enable Navigation Always
Enable Done State
Undone On Back Navigation
Enable Done State Navigation
Toolbar Settings
Position:
none
top
bottom
both
Show Next Button
Show Previous Button
Other Settings
Keyboard Navigation
Back Button Support
Auto Adjust Height
External Controls
Previous
Next
Reset
Choose step...
1
2
3
4
Go
Force Go
State
Choose step...
1
2
3
4
Choose state...
default
active
done
disable
hidden
error
warning
Set
Unset
1
Customer Details
2
Products Details
3
Shipping Details
4
Confirm Order
First name
Looks good!
Please provide first name.
Last name
Looks good!
Please provide last name.
Product
Apple iPhone 13
Apple iPhone 12
Samsung Galaxy S10
Motorola G5
Looks good!
Please select product.
Address
Please enter your shipping address.
State
Choose...
State 1
State 2
State 3
Looks good!
Please select a valid state.
Zip
Please provide a valid zip.
Please confirm your order details
Payment
Name on card
Full name as displayed on card
Name on card is required
Credit card number
Credit card number is required
Expiration
Expiration date required
CVV
Security code required
I agree to the terms and conditions
This is an example page, do not enter any real data, even tho we don't submit this information!
Order Placed
Congratulations! Your order is placed.