{% extends "partials/layouts/main-layout.html.twig" %} {% block body_attributes %} {% endblock %} {% block sidebar %} {% include "partials/sidebar.html.twig" %} {% endblock %} {% block hr_sidebar %} {% include "partials/horizontal-sidebar.html.twig" %} {% endblock %} {% block content %}

{% include "partials/breadcrumb.html.twig" with {'title': "Custom-Validation", 'subtitle': "Home"} %}

Validation Form

Basic Text Input *

Add required attribute to field for required validation.

Email Field *

Password Input Field *

Repeat Password Input Field *

File Input Field *

Input with Icon *

Maximum Character Length *

Add maxlength='10' attribute for maximum number of characters to accept.

Minimum Character Length *

Add minlength="6" attribute for minimum number of characters to accept.

Only Numbers *

0.00

Maximum Number *

Must be lower than 25 - Add max attribute for maximum number to accept. Also use data-validation-max-message attribute for max failure message

Minimum Number *

Must be higher than 10 - Add min attribute 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 pattern attribute to set input pattern. Also use data-validation-pattern-message attribute for pattern failure message

Enter URL *

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

Enter Email Address *

Enter Date *

Basic Select *

Textarea *

Checkbox *

Check this custom checkbox

Checkbox Group *

I am unchecked

I am unchecked too

Select Max 2 Checkbox*

I am unchecked checkbox

I am unchecked too

You can check me

Select any 2 options

Minimum 2 Checkbox selection*

I am unchecked checkbox

I am unchecked checkbox too

You can check me

Select any 2 options

Radio Buttons *

Check me

or me

Inline Radio Buttons *

Check me

or me

{% endblock %} {% block js1 %} {% endblock %} {% block js2 %} {% endblock %}