Form Advanced

Nice Select

A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.






Switchery

iOS 7 style switches for your checkboxes

Add an attribute data-plugin="switchery" data-color="@colors" to your input element and it will be converted into switch.

Add an attribute data-size="small",data-size="large" to your input element and it will be converted into switch. Add an attribute data-color="@color" data-secondary-color="@color" to your input element and it will be converted into switch.

Select2

Single Select

Select2 can take a regular select box like this...

Multiple Select

Select2 can take a regular select box like this...

Bootstrap MaxLength

Default usage

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

Threshold value

Do you want the badge to show up when there are 20 chars or less? Use the thresholdoption:

All the options

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

Position

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'.

Textareas

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

Date Range Picker

A JavaScript component for choosing date ranges, dates and times.

 

Input Masks

A jQuery Plugin to make masks on form fields and HTML elements.

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"

Form Validation

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.

Form Validation (Tooltips)

Looks good!
Please enter first name.
Looks good!
Please enter last name.
@
Please choose a unique and valid username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.