Form Advanced

Select2 Components

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Single select
Multiple Select

Bootstrap MaxLength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text.

The badge will show up by default when the remaining chars are 10 or less:

Please note: if the alwaysShowoption is enabled, the thresholdoption is ignored.

All you need to do is specify the placementoption, with one of those strings. If none is specified, the positioning will be defauted to 'bottom'.

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.

Datepicker

Examples of twitter bootstrap datepicker.

Bootstrap Material Datetimepicker

An example of Bootstrap Material DatePicker.

Colorpicker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Simple mode
Gradiant mode
Complex mode

Bootstrap TouchSpin

A mobile and touch friendly input spinner component for Bootstrap

Input Masks

Input masks can be used to force the user to enter data conform a specific format. Unlike validation, the user can't enter any other key than the ones specified by the mask.

e.g "999-99-999-9999-9"
999 99 999 9999 9
999/99/999/9999/9
192.168.110.310
4deg:1340:6547:2:540:h8je:ve73:98pd
99-9999999
(999) 999-9999
$ 999,999,999.99
dd/mm/yyyy
dd-mm-yyyy

Dropzone

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.