Superform by Delta Clan
✨ ClonablesSocialResourcesSuperform Home
v2
v2
  • 🏁Getting Started
    • Introduction
    • Quick Start
  • πŸ«€Essentials
    • Form Container
    • Step Container
    • Navigation - Overview
      • Direct
      • Logic / Conditional
      • Hook
    • Variables
      • Form Data ($f)
      • Step Index ($s)
      • Progress Percentage ($p)
      • Scoring Variables ($v)
    • Progress Bar
    • Reset
    • Radio Groups
    • Checkbox Groups
    • Cheatsheet
  • βš™οΈGlobal Options
    • Step Delay Controls
    • Animations
      • Step Animation
      • Step Animation Duration
      • Step Animation Ease
    • Save Data & Progress
    • Pre-fill Form
    • Prevent Content Flash
    • Debug
    • Third-party Integrations
    • Cheatsheet
  • πŸŽ›οΈInput Validation & Errors
    • Validation
      • length()
      • words()
      • minmax()
      • checkbox()
      • must()
      • hook()
    • Error Management
      • Automatic Error Setup
      • Manual Error Setup
  • ⚑Reactivity
    • Update Text
    • Visibility
    • Class Toggle
    • Value
    • Set Attribute
  • πŸ”’Score Tracking
    • Score Setup & Calculation
    • Score Ranking
  • ⌨️Accessibility
    • Enter & Backspace Bindings (↩, ⌫)
    • Checkbox & Radio Bindings
  • πŸ› οΈJavascript SDK
    • Intro to Superform API
    • Superform Instance
    • Cheatsheet
  • πŸ“–Additional Resources
    • WTF is an expression ? πŸ†•
    • Integrations
    • Tutorials
    • Changelog
    • FAQ 🚧
    • Join Discord
Powered by GitBook
On this page
  • Prevent Content (Error) Flashing
  • Automatic or Manual Setup?

Was this helpful?

  1. Input Validation & Errors

Error Management

Advanced validation and error feedback.

Error management in Superform ensures your forms are user-friendly and efficient by providing immediate feedback and clear guidance for correcting errors.

What Error Management Does

  1. Immediate Feedback: Provides instant feedback for invalid inputs.

  2. User Guidance: Clearly indicates issues for quick correction.

  3. Improved Usability: Enhances overall user experience by ensuring data integrity.

Hint

Superform respects both native HTML validations and its specific validations.

This means you can seamlessly integrate both types into your forms for comprehensive error handling and validation.


Prevent Content (Error) Flashing

We highly recommend using the sf-noflash="true" attribute on error messages or the entire form if they appear on the first step or during the initial load.

This approach prevents content from flashing or appearing abruptly, ensuring a smoother and more visually appealing user experience right from the start.

β†’ Read more about Prevent Content Flash


Automatic or Manual Setup?

Choose between automatic and manual setup for handling error management in your forms. Each method offers unique benefits to suit different needs.

Pro Tip

You don’t have to choose one method exclusively. Combine automatic and manual setups for the ultimate workflow, leveraging the strengths of both approaches for flexible error management.

Last updated 10 months ago

Was this helpful?

πŸŽ›οΈ

Automatic Setup

🚫 No attributes required

Simplified error management

Automatic binding of error elements

Utilizes proximity & class names

Manual Setup

βœ… Attributes required

Granular control

Manually bind any element

Allows extensive customization options