Best jQuery Forms Plugins & Tutorials with Demo

Cloudinary jQuery Plugin with File Upload

Cloudinary jQuery Plugin with File Upload

Cloudinary is a cloud-based service that provides an end-to-end image management solution including uploads, storage, manipulations, optimizations and delivery.

Easily upload images to the cloud. Automatically perform smart image resizing, cropping and conversion without installing any complex software. Integrate Facebook or Twitter profile image extraction in a snap, in any dimension and style to match your website’s graphics requirements. Images are seamlessly delivered through a fast CDN, and much much more.

Bootstrap Select Togglebutton with jQuery

Bootstrap Select Togglebutton with jQuery

JQuery plugin for converting select input to friendly bootstrap buttons group.

Behave.js : JS Library to Convert Textarea into Coding IDE

Behave.js : JS Library to Convert Textarea into Coding IDE

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.

Distpicker : jQuery Plugin for Picking Cities of China

Distpicker : jQuery Plugin for Picking Cities of China

A simple jQuery plugin for picking provinces, cities and districts of China.

How to get File Name, Size, Type count in jQuery

How to get File Name, Size, Type count in jQuery

This article explains how to get the file name, file size (in bytes), file type (Text/PDF/CSS files) and total selected file counts in jQuery before uploading it to the server.

Switchable : jQuery iPhone Style Switch Buttons

Switchable : jQuery iPhone Style Switch Buttons

Switchable  is a replaces checkbox by beautiful iphone style switch buttons.

Preview Image before upload it with jQuery & HTML5

Preview Image before upload it with jQuery & HTML5

Here this article explains how to preview an image before uploading on the server side in jQuery. Let’s suppose you have an application where the user uploads bulk photo and then the users want to upload only some selected photo, in this case, we as a developer don’t want to upload all images photos on the server. As this effect on server load cost effect etc.
So using HTML 5 FileReader() we can able to preview the image before upload it in jQuery.

jQuery: Calculate sum of all textbox values in a Table Column

jQuery: Calculate sum of all textbox values in a Table Column

This article explains how to calculate the total of all textboxes values in a table column. Inshort on text change event, we calculate the sum of all input values entered in the table column, i.e., whenever the user enters any values or modifies the value to any of the given textbox will calculate and display the total sum of it.

jQuery Autogrow Textarea Plugin

jQuery Autogrow Textarea Plugin

Automatically adjust textarea height based on user input.

Features :

  • Grows vertically, horizontally or both
  • Correctly handles 2 or more spaces
  • Copies more css and font styles to shadow div
  • Correctly handles long words on one line
  • Flickering can be disabled on Enter
  • Doesn’t add more than one handler to textarea

Addel : jQuery plugin for Dynamic Addition & Deletion of HTML elements

Addel : jQuery plugin for Dynamic Addition & Deletion of HTML elements

Addel is a simple & lightweight jQuery plugin for powering UIs that enable dynamic addition & deletion of HTML elements, conceived with form elements in mind.