Command Palette

Search for a command to run...

Validation Types

Validation Modes Demo

Experience how different validation modes affect user experience. Try typing in each field to see when validation occurs.

onChange Mode
Validates on every keystroke

Error appears instantly as you type

onBlur Mode
Validates when you leave the field

Error appears after you leave the field

onSubmit Mode (Default)
Validates only when you click submit

Error appears only after clicking submit

onTouched Mode
Validates on blur, then on every change

First validation on blur, then real-time

ModeWhen Validation OccursBest For
onChangeEvery keystrokeReal-time feedback (e.g., password strength)
onBlurWhen leaving the fieldLess intrusive validation (recommended for most cases)
onSubmitWhen form is submittedSimple forms, minimal interruption
onTouchedFirst blur, then every changeBalance between UX and feedback

Registration Form

Personal Information

Please provide your basic information

Your full name as it appears on official documents

We'll never share your email with anyone else

Must be at least 8 characters with uppercase, lowercase, and numbers

Profile Details

Tell us more about yourself

Select your date of birth

You must be at least 18 years old to register

Your country of residence

Choose your preferred communication language

Brief description about yourself (0/500 characters)

Preferences

Customize your experience

Newsletter Topics

Choose the topics you want to receive updates about

Communication Settings

Manage your notification preferences

Receive notifications about your account activity

Receive emails about new products and features

Add an extra layer of security to your account

Account Type

Choose the plan that best fits your needs

For individual use with basic features

For small to medium-sized teams

For large organizations