Evaluate form | Validate sport1 select | Close favorite sport 1 prompt | Close all prompts on form | Update all prompts positions | Build a prompt on a div | Close div prompt | Back to index

This demonstration shows the different validators available

This is a div element
Field is required : Favorite sport 1:
Favorite sport 2:
validate[required]
Custom
Comes with many predifined regex (phone, url, ip, email..etc)
[DEMO]
Enter a URL :
validate[required,custom[url]]
Equals Password : Confirm password :
validate[required,equals[password]]
Function Write 'HELLO' :
validate[required,funcCall[checkHELLO]]
MinSize Minimum field size
validate[required,minSize[6]]
MaxSize Maximum field size, optional
validate[maxSize[6]]
note that the field is optional - it won't fail if it has no value
Min integer >= -5
validate[required,custom[integer],min[-5]]
Max integer ,50]
validate[required,custom[integer],max[50]]
Past Checks that the value is a date in the past
Please enter a date ealier than 2010/01/01
validate[custom[date],past[2010/01/01]]
Future Checks that the value is a date in the future
Please enter a date older than today's date
validate[custom[date],future[NOW]]
Group required Checks if at least one of the input is not empty.
Please enter a credit card OR
Please enter a paypal acccount OR
Please enter a bank account OR
Please choose from select
Date Range
Checks that the start date is before the end date Please enter an end date ealier than the start date
Start Date : End Date :
validate[dateRange[grp1]]
Note* Both fields must have the same name
Date Time Range
Checks that the start date and time are before the end date and time Please enter an end date ealier than the start date
Start Date Time: End Date Time:
validate[dateTimeRange[grp2]
Note* Both fields must have the same name
Checkbox Check this [DEMO]
Ajax Check this [DEMO]