A modular, flexible form functionality library for Webflow forms supporting single-step, multi-step, and branching forms
npm install form-functionality-libraryA modular, flexible form functionality library designed to add advanced functionality to Webflow forms, supporting single-step forms, multi-step forms, and multi-step forms with logic branching.
- ✅ Single-step forms - Enhanced validation and error handling
- ✅ Multi-step forms - Step-by-step navigation with progress tracking
- ✅ Multi-step forms with logic branching - Conditional step display based on user input
- ✅ Real-time validation - Field validation with custom error messages
- ✅ Summary generation - Automatic summary display with flexible formatting
- ✅ State management - In-memory state management for performance
- ✅ Data-attribute driven - No binding to classes or IDs
- ✅ TypeScript - Fully typed with comprehensive JSDoc documentation
- ✅ Verbose logging - Detailed console output for debugging
``html`
`html`
The library auto-initializes when it detects compatible forms. For manual control:
`javascript
// Manual initialization
FormLib.init();
// Check current state
FormLib.logCurrentState();
// Validate form
const isValid = FormLib.validateForm();
// Reset form
FormLib.resetForm();
`
| Attribute | Description | Example |
|-----------|-------------|---------|
| data-form="multistep" | Marks form as multi-step |