Complete Form with Register Options

A complete form showcasing all components from this package with appropriate validations.

Joi Form

Disable All Fields

Email *

​

Age *

​

Password *

​

Favourite Foods *

Favourite Foods *

Resume

Favourite Color *

​

Favourite Color *

Select Sport(s) *

​

​

IPL Teams *

​

IPL Teams *

Favourite Sport *

Select favouriteSportCricketTable TennisBadmintonCroquetSquashBaseball

Hobby *

Hobby *

Grocery List *

Grocery List *

Country Code of Nationality *

Country Code of Nationality *

Agree To Terms & Conditions

Select Color *BlackBlueGreenOrangePinkPurpleRedSilverWhiteYellow

Select Countries *IndiaAustraliaBangladeshIrelandSouth AfricaBrazilUnited Arab Emirates

Gender *

MaleFemaleOthers

Country *

IndiaAustraliaBangladeshIrelandSouth AfricaBrazilUnited Arab Emirates

Enable Dark Theme

Toggling this changes theme

weight *

min:10; max:100

Rating *1 Star2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 StarsEmpty

Date of Birth *

​

Cannot select future dates

Time *

Time *

Date Time *

​

Bg Color *

HEX

RGB

HSV

Feedback *

Rich Text Editor

UndoRedo

Paragraph

Text alignment

Block quoteBoldItalicUnderlineStrikethrough

Show more items

Phone Number *

​

​

Submit

Form State - Values & Errors

formValues:{

27 items

darkTheme:

boolfalse

disableAllFields:

undefined

email:

undefined

age:

undefined

password:

undefined

favouriteFoods:

undefined

resume:

undefined

favouriteColor:

undefined

sports:

undefined

iplTeams:

undefined

favouriteSport:

undefined

hobby:

undefined

groceryList:

undefined

countryCode:

undefined

agreeTnC:

undefined

colors:

undefined

countries:

undefined

gender:

undefined

country:

undefined

weight:

undefined

rating:

undefined

dob:

undefined

time:

undefined

dateTime:

undefined

bgColor:

undefined

feedback:

undefined

phoneNumber:

string"+91 "

}

errors:{}

0 items