Plugins
Home » Plugins

Forms


Form validation, Ajax forms, custom form inputs, form enhancements.

(mb) valueSlider

Submitted by pupunzi on May 15, 2011 - 5:47pm

jquery.mb.valueSlider let you set a range between two numbers (positive or negative) and catch a value by dragging a cursor.

Autocomplete plugin, based on Ajax and JSON

Submitted by tsivickas on August 28, 2011 - 6:45am

The main purpose of this plugin is to generate and show autocomplete suggestion when filling-in a form.

This pluginn differs from others becuase it can return as many as you need values and you can excecute callback function finally. This enables yo fill-in many fields when user selects only one option from suggestion list. And it is ultra lightweight and simple.

USAGE EXAMPLE

1. Calling plugin

$('#input_that_user_enter_query').autocompl({}, function(m){
      $('#first_field').val(m['first_val']);
      $('#seconf_field').val(m['second_val']);
      $('#third_field').val(m['third_val']);
       /* and so more... */
});

2. Available options


$('#input_that_user_enter_query').autocompl({
url: '/search.php?q=', /* script to wun query, must return JSON */
lidPref: 'jqacp_', /* html ul li id prefix */
ulClass: 'jqacp', /* html ul class */

Auto Save Form script

Submitted by georgec on August 25, 2011 - 1:33pm

This jQuery script brings GMail style auto saving feature to any form on your site. A nifty plug and play script, it periodically saves the contents of any form and recalls them if needed, up until when the form is actually submitted. This means if the user accidently leaves or reloads the page or even if the browser crashes (Firefox only feature) before then- the entered form contents will be restored.

HTML5 inline form validation

Submitted by jvverde on August 25, 2011 - 12:15pm

ht5ivf

What it is

The jQuery ht5ifv plugin is an extensible and highly configurable jquery plugin which
allows validation of the HTML5's forms while the user is typing.

It is extensible because it allows the programmer to define new restrictions beyond
those already defined by HTML5.

It is highly configurable because not only does it allow changes to the validation
rules defined by HTML5, but also the addition of new ones.

Moreover, although assuming, by default, behaviors and ways to flag the errors in a
very intuitive manner, it also provides the developer with complete freedom to redefine
or even suppress them.

What is supported

For the input fields it supports the required, pattern, min and max explicit restrictions and the implicit restriction associated to the type
All defined types(color, date, datetime, datetime-local, email, month, number, password, range, search, tel, text, time and week) are supported.

jQuery best Image Select

Submitted by penglu3000 on August 25, 2011 - 9:46am

This plugin will be replaced by another from a plugin pack I’m developing, where I’ve applied lots of bugfixes. The link will be on here by the end of August.

ImageSelect is a jQuery plugin that allows the user to select an image by means of a nice looking dropdown.

You must have a containing one or more s. Each option must contain the URL to the image you want to display, as the option text. The option value can be whatever you like.
demo: http://www.htmldrive.net/items/demo/983/Image-Select-plugin-with-jQuery
download: http://www.htmldrive.net/items/show/983/Image-Select-plugin-with-jQuery

serializeObject

Submitted by Eonasdan on August 23, 2011 - 1:44pm

Requires json2.js!!

Uses serializeArray() to JSON.stringify an object

"why [not] use serializeArray to get the data in the first place?" Because serializeArray is already written, is unit tested in multiple browsers, and could theoretically be improved in later versions of jQuery. The less code you write that has to access inconsistent things like DOM elements directly, the more stable your code will be. – Tobias Cohen (http://stackoverflow.com/questions/1184624/serialize-form-to-json-with-j...)

usage:
$('form').serializeObject()

returns {"firstname":"Jon","lastname":"Doe"....

Beautify

Submitted by elleestcrimi on August 22, 2011 - 9:10pm

jQuery.beautify changes the default look and feel of checkboxes and radio buttons from default browser/OS look to a different more customizable look.

jQuery Character Restriction

Submitted by skunkbad on August 21, 2011 - 10:50pm

This plugin allows for form input fields and textarea elements to have character restrictions. Alpha-numeric is default, but choices include alpha only, numeric only, and regular expression. Additional allowed characters can be added to the alpha-numeric, alpha, and numeric options.

The plugin is light-weight, and keeps undesirable characters from being input. For example, if you don't want people to input numbers in an input field that should only have letters, this plugin will do that easily.

jQuery defaultText

Submitted by matiasb on August 20, 2011 - 1:19pm

Puts a default text in form fields, commonly used in the search fields. When the user hint in the field, and then start typing, the default text disappears.

Example 1: Using the default value of the input text

<input type="text" value="default value">

$(document).ready(function(){
   $('input').defaultText();
});

Example 2: Sending the default text as param

<textarea rows="5" cols="50"></textarea>

$(document).ready(function(){
   $('textarea').defaultText('This text is passed as a parameter');
});

JCounter_1.0

Submitted by zafarsaleem on August 20, 2011 - 5:08am

This is a JQuery plugin for counting characters, words and sentences either from maximum allowed characters to 0 (zero) or from 0 (zero) to maximum allowed characters. It works with textarea.