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
  • Supported Validations
  • List of Superform validation attributes

Was this helpful?

  1. Input Validation & Errors

Validation

Powerful validation for accurate data collection.

Superform provides robust validation mechanisms, integrating both it's advanced validation rules and native HTML validations rules. This ensures your forms are accurate, user-friendly, and efficient.


Supported Validations

Superform abstracts validation controls, seamlessly combining advanced Superform-specific validations with familiar HTML validation attributes for a comprehensive validation strategy.

Here's a breakdown of all the supported validations:

Superform Validations
Native HTML Validations

letters(min, max)

required

minmax(min, max)

pattern

words(min, max)

min

checkbox(min, max)

max

must(number, lower, upper, symbol)

minlength

hook(myHook)

maxlength

min (date)

max (date)

Pro Tips

  • Combined Power: Combine Superform validations with native HTML attributes for robust form validation.

  • Show Errors: Provide immediate feedback to users, guiding them to correct errors quickly. Both Superform-specific and native HTML validations work out of the box with the Error Management system.

  • Flexible Integration: Use custom hook validations for complex validation logic.


List of Superform validation attributes

Last updated 11 months ago

Was this helpful?

🎛️
length()
words()
minmax()
checkbox()
must()
hook()