jQuery Step Wizard with Step Form Builder – Timon Step Form

✨ Key Features

• Step Wizard UI: Horizontal/vertical stepper with numbered steps and animated transitions.
• Built-in Validation: Client-side checks (required, email, length, regex) before advancing to next step.
• Conditional Logic: Show/hide fields or entire steps based on user choices.
• Progress Indicators: Progress bar with current step label and percentage.
• AJAX Submission: Submit without page reload; success/error callbacks.
• Reusable Templates: Step builder structure for quickly cloning patterns across projects.
• Accessibility-minded: Keyboard navigation, focus management, and ARIA attributes (where supported).
• Themeable: Works with Bootstrap or custom CSS; easy color/spacing tokens.
• Form Enhancements: File inputs, date pickers, masks, tooltips, and inline hints.
• Localization-ready: Text strings externalized for multi-language UIs.

⚙️ Technical Stack

• Core: jQuery (3.x recommended)
• UI: Bootstrap 4/5 (optional) or custom CSS
• Validation: Native plugin rules; compatible with jquery-validation
• Build/Tooling: Plain JS/CSS (no framework required)

Browser Support: Chrome, Firefox, Safari, Edge (latest two versions).

🧩 Installation Guide

1. Include CSS/JS: jQuery, (optional) Bootstrap CSS/JS, and the Timon Step Form plugin files.
2. Markup: Create a form with step containers (e.g., <div class="step">) and next/prev buttons.
3. Initialize the wizard: $('#form').timonStepForm({ validate: true, showProgress: true });
4. Add Rules: Define field validators and conditional show/hide logic in the init options.
5. Submit: Use the built-in AJAX handler or hook your own onSubmit callback.
6. Style: Tweak colors, spacing, and step icons via CSS variables or SCSS.

📦 Deliverables

• ✅ Plugin JavaScript and CSS source
• ✅ Example HTML demos (multi-step signup, checkout, survey)
• ✅ Optional Bootstrap theme styles
• ✅ Basic documentation & API options
• ✅ GPL license file

📱 Supported Platforms

• Web: Any modern browser
• Responsive: Mobile-first layout with touch-friendly hit areas
• CMS Ready: Works inside Laravel/WordPress/any PHP stack as a front-end asset

🧠 Notes

• License: Distributed under the GPL — you may study, modify, and redistribute.
• Customization Tips:
  • Break long forms into 3–6 logical steps; name steps with outcome-oriented labels.
  • Validate on blur for critical fields (email/phone); defer non-critical checks to step change.
  • Persist partial progress to localStorage for better recovery on reload.
• SEO Assurance: Clear documentation, accessible markup, and transparent licensing help your listing demonstrate E-E-A-T and improve conversions.

👨‍💻 Original Developer Credit

Please retain attribution to the original plugin author and marketplace listing (e.g.,
CodeCanyon) to acknowledge their expertise and the code’s provenance.

🔒 Disclaimer

This package is a GPL redistribution provided for educational, testing, and development purposes. We are not the original vendor and do not offer official support. All trademarks and third-party libraries remain the property of their respective owners. Ensure form data handling complies with privacy regulations (GDPR/CCPA) and your server-side validation rules.