A jQuery plugin for replacing default select elements. Replace those boring default select elements with something a little nicer. Selecter also integrates with Scroller, giving you complete control of your project’s UI. Oh, and they play nice with that shiny new responsive layout (try resizing this window).
Best jQuery Forms Plugins & Tutorials with Demo
Selectric : jQuery plugin designed to stylizing HTML selects
jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.
Features:
- Keyboard navigation (Up/Down/Left/Right/Word search)
- Easily customizable
- Pretty lightweight (3KB minified and 1,7KB minified/gzip)
- Options box always stay visible
- Doesn’t rely on external libraries (besides jQuery)
- Word search works with western latin characters set (e.g.: á, ñ, ç…)
formatter.js : Format html inputs to match a specified pattern
Format html inputs to match a specified pattern.Sometimes it is useful to format user input as they type. Existing libraries lacked proper functionality / flexibility. Formatter was built from the ground up with no dependencies. There is however a jquery wrapper version for quick use.
jQuery icbiacontrol : Style browser controls
Jquery-icbiacontrol is a jQuery plugin that helps you style native browser controls without losing their native behaviors.
It works by adding custom, styleable markup to the DOM right next to the original control, which is then made transparent and positioned on top of your custom widget. That way, when you interact with the styled widget, you’re actually interacting with the native browser control.
For example, when you use the plugin with a select box, you style only the “display” part. When the widget is engaged, the normal browser dropdown is shown. iOS will show its little scrolly wheel thing; desktop browsers will show the native dropdown list.
Multi-Item Selection with JavaScript
Today we’d like to share a little script with you that allows a click & hover selection of checkboxes or any other element. Mainly the idea comes from the common task that we do every day in our email app or elsewhere: checking checkboxes, one after the other by clicking on them. Sometimes you’d like to select more items more quickly so we thought it might be an interesting approach to click, hold and then simply move over all the items that should be selected. It’s quicker and easier to select multiple items like that.
Please note that this is for desktop only.
Bootstrap popover for jQuery validate
Show error message via bootstrap popover for jquery validate.
Supported options are:
- popoverPosition Supported values: ‘right’, ‘top’; default to ‘right’
- popoverContainer The container popover message will append to, default: ‘body’
- beforeShowError A function will be called before the error popover shows, this of the function is the input html element validated
Bootstrap Form Helpers : jQuery Plugins
Bootstrap Form Helpers is a collection of jQuery plugins to help you build better forms. The plugins can be used individually but some of them work together like Countries and States. The collection includes:
- A custom select element
- A country picker
- A state picker
- A currency picker
- A phone input
- A language picker
- A timezone picker
- A Google font picker
- A date picker
- A time picker
- A font picker
- A font size picker
