Top 15 jQuery Forms Examples

Sam Deering
Tweet
jQuery forms is ultimately helpful when you want to make graphical designs decisions with your forms. Some jQuery forms makes a textbox big and more prominent than it used to be, it can also provide some ready-to-use form itself wherein all of the basic parts of a form is already included such as textbox, radio button, check boxes and more.

Related posts:


1. iPhone Styled Checkbox


This is based on iPhone’s famous on/off toggle switches.

Source: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html


2. Ajax Fancy Captcha


This is a plugin that helps your web pages from bots and as well as from spammers.

Source: http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin


3. Mark it up


This is a lightweight jQuery plugin that can turn textarea into a very nice text editor.

Source: http://markitup.jaysalvat.com/home/


4. Ajaxify


This can turn any standard form or link into an Ajax request.

Source: http://plugins.jquery.com/project/jquery-ajaxify


5. Autotab


You can now stop using TAB when you want to go to another field in a form. Autotab jQuery plugin can automatically move into another field when maximum number of text reaches in the previous field.

Source: http://plugins.jquery.com/project/autotab


6. Elastic


This will automatically resize your textareas to fit your content.

Source: http://www.unwrongest.com/projects/elastic/


7. jQTransform


Instantly transform your old looking form into a nice good looking one!

Source: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/


8. In Field Labels


This plugin will put field labels inside the field itself.

Source: http://fuelyourcoding.com/in-field-labels/


9. jQuery Form Validation


Finish off your worries with form validation because jQuery Form Validation is a versatile solution that will work out with every single form, this script also provides errors that will be displayed at the top of the form.

Source: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/


10. jQuery Autocomplete Examples


A nice plugin that will automatically suggest words that is close related on what you’re typing.

Source: http://www.ajaxdaddy.com/demo-jquery-autocomplete.html


11. Uploadify


This is an awesome plugin that provides multiple file uploads!

Source: http://www.uploadify.com/


12. Image Combobox


This plugin will add image to the items included in dropdown box.

Source: http://www.marghoobsuleman.com/jquery-image-dropdown


13. jQuery Datepicker


This is tied into a text field that when a user clicks/tabs, a calendar will appear.

Source: http://jqueryui.com/demos/datepicker/


14. Toggleval


This plugin will give you option to populate in different ways the default text of a form fields.

Source: http://jquery.kuzemchak.net/toggleval.php


15. jQuery Password Masking


This will mask your password field.

Source: http://www.prothemer.com/blog/2009/07/02/new-jquery-plugin-targeting-usability-for-password-masking-on-forms/

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

No Reader comments