Evaluate form | Validate sport1 select field | 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
Required!
Field is required :
Placeholder & required
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]]
Conditional required
Depending field (1): This field is required if above field has a value :
validate[condRequired[dep1]]
OR with 2 depending fields
Depending field (2a) : Depending field (2b) : This field is required if any of above fields has a value :
validate[condRequired[dep2a,dep2b]]
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
Field is required with function :
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
Date compare
Checks that the first date is before the second date. Please enter the second date ealier than the first date
First Date :
Disable first date field
validate[custom[date],past[#dateCmp2]]
Second Date :
Disable second date field
validate[custom[date],future[#dateCmp1]]
Credit Card
Checks that the credit card number is at least theoretically valid, according the to the Luhn checksum algorithm, but not whether the specific card number is active with a bank, etc.
Since credit cards are often presented in different formats, spaces and hyphens (' ','-') are simply ignored.
Examples:

- 4111 1111 1111 1111
- 3737-321345-610004

More examples
validate[required,creditCard]
Checkbox
Check this [DEMO]
Ajax
Check this [DEMO]