Input Masks

jQuery Mask Plugin: A jQuery Plugin to make masks on form fields and HTML elements. (https://igorescobar.github.io/jQuery-Mask-Plugin/)

e.g "DD/MM/YYYY"
e.g "HH:MM:SS"
e.g "DD/MM/YYYY HH:MM:SS"
e.g "xxxxx-xxx"
e.g "x-xx-xx-xx"
e.g "Your money"
e.g "#.##0,00"
e.g "xxxx-xxxx"
e.g "(xx) xxxx-xxxx"
e.g "(xxx) xxx-xxxx"
e.g "(xx) xxxxx-xxxx"
e.g "xxx.xxx.xxxx-xx"
e.g "xx.xxx.xxx/xxxx-xx"
e.g "xxx.xxx.xxx.xxx"

Bootstrap Select

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. (https://developer.snapappointments.com/bootstrap-select/)

Create your <select> with the .selectpicker class.

It also works with option groups:

You can also show the tick icon on single select with the show-tick class:

And with multiple selects:

You can limit the number of elements you are allowed to select via the data-max-option attribute. It also works for option groups.

You can limit the number of elements you are allowed to select via the data-max-option attribute. It also works for option groups.











Add an icon to an option or optgroup with the data-icon attribute:

You can add a search input by passing data-live-search="true" attribute:

You can also use the title attribute as an alternative to display when the option is selected:

Using the data-selected-text-format attribute on a multiple select you can specify how the selection is displayed.



Add the disabled attribute to the select to apply the disabled class.

Form Validation

Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server. It saves you bandwidth, server load and it saves time for your users. Read the Official Parsley Documentation for a full list of instructions and other options.

Basic Example

This is a demo of a required field that must not leave empty.


Validation type

Range validation