Form Validation

Inputs Validation

Add novalidateattribute to form tag.

Basic Text Input *

Add requiredattribute to field for required validation.

Email Field *
Repeat Email Field *

Add data-validation-match-matchattribute with the field name as value to match with it.

Password Input Field *
Repeat Password Input Field *
Input with Right Icon *
Input addon with Right Icon *
Maximum Character Length *

Add maxlengthattribute for maximum number of characters to accept. Also use data-validation-maxlength-message attribute for maxlength failure message

Minimum Character Length *

Add minlengthattribute for minimum number of characters to accept. Also use data-validation-minlength-messageattribute for minlength failure message

Only Numbers *
$
.00
File Input Field *
Custom Required Message *

Add data-validation-required-messageattribute for Custom required failure message

Maximum Number *
Must be lower than 25

Add maxattribute for maximum number to accept. Also use data-validation-max-message attribute for max failure message

Minimum Number *
Must be higher than 10

Add minattribute for minimum number to accept. Also use data-validation-min-message attribute for min failure message

Text Input Range *
Input with Button *
No Characters, Only Numbers *
Pattern *Must start with 'a' and end with 'z'

Add patternattribute to set input pattern. Also use data-validation-pattern-message attribute for pattern failure message

Enter URL *

Add data-validation-regex-regexattribute for regular expression. Also use data-validation-regex-message attribute for regex failure message

Enter Email Address *
Enter Date *
Basic Select *
Basic Textarea *