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.

jQuery Styly - A Stylish Plugin

Submitted by wbotelhos on November 2, 2011 - 10:51am

jQuery Styly is a plugin to style your checkbox and radio elements.

With default options using checkbox:

$('.checkbox').styly();

<label for="like">Like?</label>
<input id="like" type="checkbox" class="checkbox" />

<label for="dislike">Dislike?</label>
<input id="dislike" type="checkbox" class="checkbox" />

With default options using radio:

$('.radio').styly();

<label for="agree">Like</label>
<input id="agree" type="radio" name="agreement" class="radio"/>

<label for="disagree">Unlike</label>
<input id="disagree" type="radio" name="agreement" class="radio"/>

Unchecking all before check someone:

$('.digg').styly();

<label for="digg">Digg?</label>
<input id="digg" type="checkbox" class="uncheckall" />

<label for="undigg">Undigg?</label>
<input id="undigg" type="checkbox" class="uncheckall" />

jQuery Slide Dropdown Login Form

Submitted by penglu3000 on November 2, 2011 - 8:54am

There are many way’s in which a user can login, a popular method since the birth of twitter is to have a dropdown form. Today we give away a simple jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it to. All you have to do is implement and hook it up to your website.
demo: http://www.htmldrive.net/items/demo/1087/Cool-Dropdown-Login-Form-with-j...
download: http://www.htmldrive.net/items/show/1087/Cool-Dropdown-Login-Form-with-j...

jQuery Simple Contact Form

Submitted by jtop on November 2, 2011 - 3:55am

Finished retrieve each value of a form in JS and PHP , and re-write the labels in the content of email.
With jQuery Simple Contact Form, you can install an ajax contact form on your website, writing only the form html code and one js code line. Email is generated and send by the plugin (php file include) .

The plugin keeps the form’s labels in the email sended, using their “for” attribute.
jQuery Simple Contact Form can check required and email fields too, and add a custom class error to the wrong elements.
Many options can be configured by parameters or CSS class.

iSwitch

Submitted by studimax on November 1, 2011 - 2:23pm

You just have to put this in the body:
<input type='switch' size='100' name='switch1' default='off'>


And put this in the script in document ready.
$('[type=switch]').iSwitch();




copyright Studimax.ch

jquery.stars

Submitted by lanasa on November 1, 2011 - 12:28pm
  • Apply star rating to standard HTML radio inputs.
  • The appropriate radio input will be checked behind the scenes.
  • Gracefully degrades to valid HTML if JavaScript is not enabled.
  • Elegant and rediculously small jQuery footprint of only 752 bytes.

Automatic Text Input Clear

Submitted by marverix on November 1, 2011 - 8:28am

Simple plugin that clear focused text input if value is default. If blured and input is empty (also if there is some whitespace) then automatically rewind to default value.

Plugin load on document ready. Only link it to your page.

jTable

Submitted by hikalkan on October 31, 2011 - 4:17pm

jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. It has several features including:

Bind2Form

Submitted by MariuszP on October 31, 2011 - 3:20pm

Plugin allows user to bind the json object to the form and updates the object when user changes the data in the ui. With the plugin you can simply type

$("#form").Bind2Form(c);

and the plugin will fill the fields for you and reflect the changes back to the original json object.