I was working on a project recently where form checkboxes were required, but the standard UI would not do. I needed something a little more engaging. So in this short tut, I’ll show how to turn this…
Best jQuery Forms Plugins & Tutorials with Demo
w2ui : jQuery UI Library
The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.
Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.
Countable.js : live word-counting in JavaScript
Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable does not rely on any libraries and is very small in size.
Countable takes the value from an HTML element and counts paragraphs, words and characters (without and with spaces). Those numbers are then returned in an object, accessible by a single parameter in the callback function.
jCryption : jQuery Html5 Form encryption plugin
This plug-in is used for encrypting the data that is submitted through the GTE and POST methods when a JavaScript HTML form is submitted to the server. This plug-in can be easily installed, used and extended. One amazing feature of the jCryption plug-in is that it does not block the web browser during calculations and helps in rendering 2048 bit encryption of the data.
jQWidgets : Powerful UI widgets for jQuery developers
jQWidgets is faster and easy-to-use JavaScript UI SDK based on the popular jQuery library.jQWidgets delivers everything you need to build rich client UI with JavaScript, HMTL5 and jQuery. It contains more than 30 UI widgets and is one of the fastest growing JavaScript UI frameworks on the Web.
jQWidgets is ready for a wide range of touch and mobile devices. The framework automatically detects the device type, capabilities and browser version, and adjusts the internal behavior for optimal rendering and best user experience. jQWidgets is not a modified version of the jQuery UI toolkit. All widgets are designed from ground-up and based on a powerful common core.jQWidgets is built with performance in mind. It is small in size, highly modular and extensible. Individual widgets and themes can be loaded on demand to further optimize the download time and save memory.
Behave.js : Add IDE style behaviors to plain text areas
Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.
Features:
- Supports Partial IE6, IE7+, Firefox 8+, Safari 4+, Chrome X+, Opera 12
- No Dependencies
- Custom Code/Behavior Fencing
- Hard and Soft Tabs
- Auto Open/Close Parenthesis, Brackets, Braces, Double and Single Quotes
- Auto delete a paired character
- Overwrite a paired character
- Multi-line Indentation/Unindentation
- Automatic Indentation
Pure CSS3 Forms Set + Validation and Masking with jQuery
Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fill.
Features:
- Client-side form validation with lots of options.
- Inputs masking for creation user friendly forms.
- 3 different form types (vertical, horizontal, columned).
- Normal, error, success and disabled states for all elements.
- Normal, small and large sizes of all elements.
- Customized selects, checkboxes and radios.
- Responsive and fixed layouts.
- Tooltips for all elements.
- More then 30 examples.
- 19 colors for buttons.
- 249 scalable icons.
Expanding Textareas jQuery Plugin
jQuery plugin for elegant expanding textareas.The plugin will automatically find this textarea, and turn it into an expanding one.
Features:
- Expanding Text Areas Made Elegant
- Mobile Friendly
- Wide browser support. Works in IE6+, Safari, Chrome, Firefox, Opera
- No
colshacks, or counting characters - Easy to style
- Resize Friendly. Content automatically resizes without using the window.resize event or JavaScript to calculate sizes!
